Project

General

Profile

Actions

dev #3524

open

dev #3523: [FE] Auth Module

[FE] Develop Auth UI

Added by Nazmul Hossain Shovon 6 months ago. Updated 5 months ago.

Status:
Complete
Priority:
High
Target version:
Start date:
10/22/2025
Due date:
% Done:

100%

Estimated time:
14:00 h
Spent time:
Actions #1

Updated by Nazmul Hossain Shovon 6 months ago

  • Status changed from Pending to In Progress
Actions #2

Updated by Nazmul Hossain Shovon 6 months ago

  • % Done changed from 0 to 30

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/fe4aab0e228b0df862e63fff5c19c40d75301592

Summary of Key Changes:

  • Added a new sign-in page (page.tsx) with a styled form and validation using React Hook Form and Zod.
  • Implemented SignInForm component with email/password fields, error handling, and password visibility toggle.
  • Introduced Redux for user authentication state management (store.ts, index.ts, redux.tsx).
  • Created authentication context (auth-context.tsx) and sign-in dialog context.
  • Added utility functions for API calls and cookie-based authentication (api.ts, fetchWithCookies.ts).
  • Updated global styles and layout to support new authentication flow.
  • Renamed FullwidthContainer.tsx to FullWidthContainer.tsx for consistency.
  • Updated dependencies: added Redux, React Hook Form, Zod, Sonner, and Radix UI packages.
Actions #3

Updated by Nazmul Hossain Shovon 6 months ago

  • % Done changed from 30 to 90

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/29dd1acfe32afe2a7c76487f50549676bde4a73f

Short Summary of Key Changes:

  • Introduced new authentication pages: entry, signup, forgot password, and OTP change password under (auth).
  • Refactored and improved the sign-in page and moved it to the new auth folder.
  • Added reusable UI components for authentication, including AuthLogo, EntryForm, and password strength indicator.
  • Implemented form validation and API integration for registration and password reset flows.
  • Updated global styles and constants for better UI consistency.
  • Added new icon components for user roles (Client, Talent, Company, Consultant).
  • Enhanced utility functions and types to support new authentication features.
Actions #4

Updated by Nazmul Hossain Shovon 6 months ago

  • % Done changed from 90 to 100

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/d13fe8e4dd06ed15f2f46d6133fc376ca02edb0b

Short Summary of Key Changes:

  • Enhanced OTP (email verification) UI: updated layout, button styles, and resend logic.
  • Refactored PinInput to be controlled, more accessible, and responsive.
  • Improved form input validation feedback for sign-in and sign-up forms.
  • Adjusted responsive container widths and CSS breakpoints for better layout on large screens.
  • Minor UI tweaks for consistency and usability across authentication pages.
Actions #5

Updated by Nazmul Hossain Shovon 5 months ago

ref:
https://gitlabce.softekocms.com/in-house-products/algonyx/frontend/-/commit/2c0b8b1ac3285eceabcfe922b331f7b8da8ebbc6

Summary of key changes:

  • Added new pages and forms for email verification, reset password, and code validation in the auth flow.
  • Implemented API functions for email verification, resend OTP, and reset code validation.
  • Improved password input UX by introducing a reusable password visibility toggle component.
  • Updated input and button styles for better consistency and accessibility.
  • Masked email display for privacy in OTP screens.
  • Refactored some layout and container paddings for more consistent spacing.
Actions #6

Updated by Nazmul Hossain Shovon 5 months ago

  • Estimated time changed from 10:00 h to 14:00 h
Actions #7

Updated by Nazmul Hossain Shovon 5 months ago

  • Status changed from In Progress to Complete
Actions

Also available in: Atom PDF