Project

General

Profile

Actions

ClientProject #3035

open

ClientProject #3030: [Module] Authentication

[FE] Signup page

Added by Nazmul Hossain Shovon 7 months ago. Updated 7 months ago.

Status:
Complete
Priority:
High
Target version:
Start date:
08/29/2025
Due date:
09/01/2025 (about 7 months late)
% Done:

100%

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

Updated by Nazmul Hossain Shovon 7 months ago

  • % Done changed from 0 to 60

ref:
https://github.com/pqsjapan/frontendV1.1/commit/1c1b6dc4943d4f6aac1c92012f53264da7f20ddb

Summary of Key Changes:

  • Added a new Sign Up page UI at page.tsx that renders a sign-up form.
  • Introduced a new SignUpForm component in SignUpForm.tsx with fields for name, email, phone, country, port, city, and address, plus a verification code step using react-pin-input.
  • Installed new dependencies: classnames for conditional class names and react-pin-input for PIN/OTP input.
  • Updated package.json and pnpm-lock.yaml to include the new dependencies.
Actions #3

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/6217957870a9fbe44bd93c9f0f9f8379f0bcef80

Short Summary of Key Changes:

  • Replaced all uses of classNames with the cn utility in SignUpForm for consistent class name handling.
  • Enhanced sign-up form validation in auth.ts by adding custom error messages and required field checks for all fields.
Actions #6

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/b80c5e40eacd915a3758472763335d7570928976

Summary of Key Changes:

  • Extracted form validation logic into a reusable validateForm function and added real-time validation after first submit attempt.
  • Replaced country and port dropdowns with a new FilterCombobox component for better UX.
  • Improved error message display styling for all fields.
  • Minor code cleanup and improved state management for form submission and validation.
Actions #7

Updated by Md.Sajib Ahmed 7 months ago

  • Status changed from In Progress to Complete

Here is the github commit message

Resolved SignupForm conflict and form validation

Actions

Also available in: Atom PDF