Skip to content

🚀 Feature: Improve SignUp page design with dark/light mode, loading state, password visibility toggle, and animations #268

@zen-ash-dev

Description

@zen-ash-dev

🔖 Feature description

The current SignUp page lacks several UX features that the Login page already has:

  • No dark/light mode support (hardcoded dark gradient)
  • No loading state on submit button (risk of double-submit)
  • No password visibility toggle
  • No entrance animations
  • Button uses onClick instead of <form onSubmit>
  • Generic error messages from backend not surfaced
    Improvements needed:
  1. Integrate ThemeContext for dark/light mode (matching Login page patterns)
  2. Add isLoading state with disabled button and spinner text
  3. Add password show/hide toggle with Eye/EyeOff icons
  4. Add framer-motion entrance animations on branding and form card
  5. Migrate to <form onSubmit> for proper form handling
  6. Surface backend error messages via error.response?.data?.message
  7. Add autoComplete attributes to all inputs
  8. Clean up dead commented-out mock code

🎤 Screenshot

No response

🔄️ Additional Information

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions