Skip to content

feat: design and implement email verification page in auth flow (closes #82)#149

Open
singhanurag0317-bit wants to merge 1 commit into
Team-NoxVeil:mainfrom
singhanurag0317-bit:feat/auth-verification-82
Open

feat: design and implement email verification page in auth flow (closes #82)#149
singhanurag0317-bit wants to merge 1 commit into
Team-NoxVeil:mainfrom
singhanurag0317-bit:feat/auth-verification-82

Conversation

@singhanurag0317-bit
Copy link
Copy Markdown

Description

This pull request resolves Issue #82 ("frontend:design the signup, login and email verification page") by designing and implementing a high-fidelity, fully responsive, glassmorphic Email Verification Page component, integrating it seamlessly into the frontend user registration/auth routing flow, and completing the user signup steps structure.

Key Improvements

  1. Futuristic Glassmorphic Email Verification Page (EmailVerificationPage):

    • Created frontend/src/features/auth/EmailVerificationPage.tsx.
    • Designed a beautiful security card containing 6 individual verification digit input boxes.
    • Features automatic focus shifting to the next box upon entry, automatic backspace deletion, and support for pasting 6-digit codes.
    • Implements a simulated 60-second resend countdown timer.
    • Includes a visual helper badge for developer/recruiters simulation, stating that code 123456 can be entered to pass the verification instantly.
  2. Decoupled User Auth Routing Integration:

    • Modified frontend/src/App.tsx to declare "email-verification" as a viewable page route.
    • Updated the signup success handler so successful signup seamlessly transitions to the verification step instead of bypassing it.
    • Added appropriate back button mapping to go back to the signup form if needed.
  3. Step Indicator Alignment:

    • Modified frontend/src/features/user/ProfileSetupPage.tsx to set the step indicator to Step 3 of 3 (matching the new verification flow).
    • This completes the designed 3-step registration:
      • Step 1: Create your account (Signup)
      • Step 2: Verify your email (Verification)
      • Step 3: Set up your profile (Profile Setup)

Verification

  • Verified that all modified and new files compile perfectly.
  • Ran npx tsc --noEmit locally in the frontend workspace, which completed with absolutely zero errors or warnings.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant