Skip to content

[Enhancement] Add password visibility toggle on login and signup #11

Description

@niat-web

Feature Request

Current behavior:
Password field always shows dots (hidden).
User cannot verify what they are typing.

Expected behavior:
Add an eye icon inside the password field.

  • Click eye icon → show password as plain text
  • Click again → hide password (dots)

Why this is important:
Users often make typos in password fields.
Being able to see what you typed
reduces login failures and frustration.

Technical implementation:

  • Add state: showPassword (true/false)
  • Toggle input type between "password" and "text"
  • Add eye/eye-off icon button inside input field
  • Apply to: LoginPage, RegisterPage

Acceptance Criteria:

  • Eye icon visible in password field on login page
  • Eye icon visible in password field on signup page
  • Eye icon visible in confirm password field on signup
  • Clicking toggles password visibility

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestfrontendrelated to react frontendgood first issueGood for newcomerslow-prioityNice to have but not urgentuiRelated to user interface and design

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions