ClientProject #3035: [FE] Signup page - PQS_Japan - Redmine

Actions

Copy link

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

Assignee:

Nazmul Hossain Shovon

Target version:

Revamp.v1.1: sprint 03

Start date:

08/29/2025

Due date:

09/01/2025 (about 7 months late)

% Done:

100%

Estimated time:

4:00 h

Spent time:

8:00 h

History
Notes
Property changes
Spent time

Actions

Copy link

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

Copy link

Updated by Nazmul Hossain Shovon 7 months ago

% Done changed from 60 to 90

ref:
https://github.com/pqsjapan/frontendV1.1/commit/6f07f2ed6061259d98941755a7339626039e066b

Actions

Copy link

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

Copy link

Updated by Nazmul Hossain Shovon 7 months ago

% Done changed from 90 to 100

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

Actions

Copy link

Updated by Nazmul Hossain Shovon 7 months ago

ref:
https://github.com/pqsjapan/frontendV1.1/commit/24123cb2c2b748470d855b9a4d3e5fec7ab98ac0

Actions

Copy link

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

Copy link