search

ayush-that / FinVeda

A dynamic financial literacy app with Arthsathi AI chatbot, finance blogs, market trends, SIP calculator, and a quiz for effortless finance learning.
https://fin-veda.vercel.app/
Other
155 stars 397 forks source link

FEATURE: Enhanced User Experience for Login/Register Modal #2281

Open chikatlarakesh opened 13 hours ago

chikatlarakesh commented 13 hours ago

Feature Summary

ADD LABELS : GSSOC 2024 EXT AND HACKTOBERFEST

Improve the login and registration modal by adding user-friendly features such as detailed error handling, password validation checks, password visibility toggle, and streamlined UI styling for a better and more accessible user experience.

Description

This feature aims to make the login and registration process more intuitive and secure. Currently, users may face difficulties due to limited error feedback and lack of password visibility toggle, which can lead to frustration. Enhancing these elements will improve usability, guide users effectively, and enhance their overall experience on the platform.

Proposed Solution

  1. Error Feedback: Add clear, specific error messages for required fields, password requirements, and terms acceptance.
  2. Password Validation: Implement checks to ensure the password meets length and special character criteria, with inline feedback on unmet conditions.
  3. Password Visibility Toggle: Allow users to toggle password visibility by clicking an icon, making it easier to enter complex passwords accurately.
  4. UI Improvements: Update modal layout and styling to align with modern UI/UX standards, ensuring a seamless and visually appealing experience.

User Story Example As a user, I want to see clear error messages when I leave required fields empty or enter an invalid password, so I know exactly how to correct my input.

Alternatives Considered

  1. Basic UI Enhancement Only: Adding minimal styling without validation and feedback would improve aesthetics but wouldn't address usability issues.
  2. Separate Pages for Login/Register: Separate pages instead of modals were considered, but modals allow for a seamless experience without navigating away from the current page.

Screenshots/Logs

No response

Additional Information

github-actions[bot] commented 13 hours ago

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

github-actions[bot] commented 13 hours ago

👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our FinVeda team will review it shortly. Stay tuned!