Enhance password field

[jinx-vi-0]

Add similar criteria to the password input to enhance the password validation mechanism for users.

[github-actions]

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

[AskitEndo]

@jinx-vi-0 @jindalpriyanshu101 Is this something I can work Upon?

[jindalpriyanshu101]

If you think you can, then kindly let us know your approach ;D

[jinx-vi-0]

@AskitEndo someone already working on this.

[AskitEndo]

If you think you can, then kindly let us know your approach ;D

I was thinking of tracking the user typing the passwaord using hooks,each time the the user types it is compared with the the criteria, all made possible using the React state,then just simply hover display the tooltip box

[kashikaga]

@jinx-vi-0 please assign me this issue with the labels of level,hacktoberfest and gssoc extended

[5rujana]

@jinx-vi-0 Can I work on this?
Solution:
Password Strength Meter:

Implement a visual bar (weak, medium, strong) that updates in real-time as users type.
Criteria: 8-20 characters, at least one capital letter, one number, and no spaces.
Real-time Validation:

Display validation rules dynamically with color-coded feedback (green for valid, red for invalid).
Criteria include:
8-20 characters
At least one uppercase letter
At least one number
No spaces
Frontend and Logic:

Use HTML/CSS for UI, JavaScript for real-time validation.
Update the UI and strength meter based on regex rules and typing events.
Benefits:
Immediate feedback helps users create strong passwords.
Enhances security and improves user experience.

[jinx-vi-0]

Assigned @FazeZxc