parent
9e8dd00f10
commit
8bc4105a67
@ -0,0 +1,39 @@
|
||||
# Password Strength Checker
|
||||
|
||||
**Tier:** 1-Beginner
|
||||
|
||||
A web application that helps users create strong passwords by providing real-time feedback on password strength.
|
||||
|
||||
## User Stories
|
||||
|
||||
- [ ] User can enter a password into an input field
|
||||
- [ ] User can see strength indicators as they type:
|
||||
- Password length (minimum 8 characters)
|
||||
- Contains uppercase letters
|
||||
- Contains lowercase letters
|
||||
- Contains numbers
|
||||
- Contains special characters
|
||||
- [ ] User can see the overall password strength rating (Weak, Medium, Strong)
|
||||
- [ ] User receives real-time feedback as they type
|
||||
- [ ] User can see suggestions for improving their password
|
||||
|
||||
## Bonus features
|
||||
|
||||
- [ ] User can generate a random strong password
|
||||
- [ ] User can copy the password to clipboard with a button click
|
||||
- [ ] User can see a password strength meter/bar that updates in real-time
|
||||
- [ ] User can toggle password visibility (show/hide)
|
||||
- [ ] User can see how long it would take to crack the password
|
||||
|
||||
## Useful links and resources
|
||||
|
||||
- [zxcvbn - Password Strength Estimation Library](https://github.com/dropbox/zxcvbn)
|
||||
- [MDN Web Docs - Regular Expressions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)
|
||||
- [How to Create a Strong Password (Article)](https://www.security.org/how-secure-is-my-password/)
|
||||
- [HTML DOM Input Password](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password)
|
||||
|
||||
## Example projects
|
||||
|
||||
- [Password Strength Checker with zxcvbn](https://codepen.io/preserveddarnell/pen/oNNQxQm)
|
||||
- [Password Strength Meter](https://github.com/pascalbell/password-strength-meter)
|
||||
- [React Password Strength Checker](https://github.com/mloureiro/react-password-strength)
|
||||
Loading…
Reference in new issue