search

techcsispit / MERN-Auth-Workouts-App

This Workouts App is a full-stack CRUD application built using the MERN stack (MongoDB, Express, React, Node.js) with authentication implemented using Bcrypt and JWT. The app allows users to create, update, view, and delete workouts once they are authenticated. Contributions are welcome to improve styling, fix bugs, and add features.
0 stars 2 forks source link

Enhance Login/Signup UX: Add "View Password" Option #2

Closed Dash10107 closed 2 weeks ago

Dash10107 commented 3 weeks ago

Problem The current login form does not provide users with the option to view their password while typing. This can lead to frustration, especially for users who might struggle to remember complex passwords. Users may submit the form with incorrect passwords due to typing errors, which could discourage them from completing the login process.

Importance

Implementing a "View Password" option is essential because:

Improved User Experience: Allowing users to see the password they're entering can help reduce frustration and minimize errors, leading to a smoother login process.

Proposed Approach

Add "View Password" Functionality: Implement a toggle feature that allows users to switch between viewing and hiding their password as they type.

Use React Icons: Integrate appropriate icons (e.g., an eye icon) to indicate the current state (visible/hidden) of the password. Notification with Toastify: Utilize React Toastify to notify users of any potential errors or successes related to the login process (e.g., incorrect password entered).

Testing: Conduct thorough testing to ensure the feature works seamlessly across different browsers and devices.

Dash10107 commented 3 weeks ago

I would like to work on this issue