react-blog icon indicating copy to clipboard operation
react-blog copied to clipboard

[FEAT]: Add Eye Icon to Toggle Password Visibility on Login/Register

Open Mrunalx863 opened this issue 1 year ago • 3 comments

What is the Feature/Idea?

Is your feature request related to a problem/idea? Please describe.

While registering or logging in, users cannot see the password they are typing. This can lead to errors if they mistype their password, as there is no way to verify what they have entered.

Describe the solution you'd like

A simple eye icon should be added to the password field, allowing users to toggle password visibility. When clicked, it should reveal or hide the password as needed.

Describe alternatives you've considered

Providing an option to show the password in plain text by holding a button. Displaying the password briefly when the user finishes typing.

Additional context

This feature is common in modern authentication systems and improves user experience by reducing login errors. A simple implementation using JavaScript can enhance usability.

Image

Select which event you're participating from

  • [x] Social Winter of Code 2025 (SWOC 2025)
  • [] Innogeeks Winter of Code 3.0 (IWOC 2025)

Code of Conduct

  • [x] I agree to follow this project's Code of Conduct

Mrunalx863 avatar Feb 19 '25 10:02 Mrunalx863

@Mrunalx863 There's an issue of #208 for updating the Signup and Login pages. Please wait for their PR to be merged so that I can assign it to you.

OkenHaha avatar Feb 19 '25 16:02 OkenHaha

@OkenHaha, Thanks for the update! I'll wait for the PR to be merged. Let me know as soon as it's ready for me to take over #208.

Mrunalx863 avatar Feb 19 '25 19:02 Mrunalx863

@Mrunalx863 Sorry for the late update. The issue has been fixed and I'm assigning this issue to you now

OkenHaha avatar Mar 06 '25 04:03 OkenHaha