🧑‍💻: Enhancement of SignIn Component

[dfordebarati]

Title

Enhancement of SignIn Component

Enhancement Aim

This enhancement aims to elevate the user experience of the SignIn component by implementing several key features that promote usability and security. The proposed changes focus on providing users with better feedback, improving form validation, and enhancing overall design aesthetics.

Changes

1. Email Validation: Added real-time email format validation to ensure users enter a valid email address, with error messages displayed when the format is incorrect.
2. Loading Indicators: Implemented a loading state to visually indicate that a sign-in attempt is in progress, enhancing user engagement.
3. Remember Me Functionality: Introduced a "Remember Me" checkbox that saves the user’s email in local storage for convenience during future logins.
4. Password Visibility Toggle: Added a button that allows users to toggle the visibility of their password, improving accessibility and user comfort.
5. Reset Button: Included a Reset button to clear the input fields, allowing users to quickly start over if needed.
   UI Enhancements: Made improvements to the overall styling and layout to ensure a cohesive and visually appealing design that aligns with modern web standards.

Screenshots 📷

Full Name

Debarati Seal

Participant Role

GSSOC Contributor

Guidelines

• I have read the guidelines
• I have the link to my latest merged PR

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible.

[github-actions]

🎉 Thank you for raising an issue in this repository!
We’ll review and assign it to you soon.
In the meantime, feel free to ⭐ the repo for updates.
Stay awesome! 😎

[github-actions]

Hello @dfordebarati! Your issue #345 has been closed. Thank you for your contribution!