🚀 [Feature Request] - Strong password recommendation upon registering

[Ishika-Gupta06]

Is your feature request related to a problem ? Please describe. ✍️

Enhancement: this feature is related to improving security and usability during the registration process. Many users may not create strong passwords on their own, which can leave their accounts vulnerable. To address this, I’d like to add strong password recommendations that guide users on creating a secure password as they register. These recommendations could include a mix of uppercase and lowercase letters, numbers, special characters, and a minimum length (e.g., 8 or 12 characters). Real-time feedback could help users adjust their password as they type, ensuring they meet the security requirements before submitting. This feature would reduce weak passwords and improve overall account security.

Describe briefly how you would implement this enhancement.

>Password Input Field and Event Listener:

Add a password input field to the registration form.
Attach an event listener to this field to monitor user input in real-time.
>Define Password Requirements:

Set password criteria, such as minimum length, uppercase and lowercase letters, numbers, and special characters.
Use regular expressions to check if the password meets each requirement.
>Real-Time Feedback:

Display messages near the password field, updating in real-time as the user types.
Messages should indicate which criteria have been met (e.g., checkmark or color change when requirements are fulfilled).
>Visual Feedback for Password Strength:

Add a password strength meter that fills up or changes color as the password meets more criteria.
The strength meter could have labels like “Weak,” “Medium,” or “Strong” to encourage users to create a secure password.
>Submission Validation:

Prevent form submission until all password criteria are met.
Show an error message if the user tries to submit an invalid password.

Additional context or screenshots

Additional context

Are you contributing for a program?

Other

Code of Conduct

• I have read and agree to the Contributing Guidelines of this project.

[github-actions]

Hello @Ishika-Gupta06!
Thank you for raising this issue.
Please make sure to follow our Contributing Guidelines.
Don't forget to ⭐ our Grabtern-Frontend.

Our review team will carefully assess the issue and reach out to you soon!
We appreciate your patience!

[Ishika-Gupta06]

@anmode assign me under gssoc-ext, hacktoberfest & level-1,2,3