Skip to content

Added an idea of a password checker #1060

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
+79 −0
Open

Added an idea of a password checker #1060

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8bc4105
Added an idea of a password checker
Oct 28, 2025
d4e349f
Added a beginner idea of a weather dashboard
Oct 28, 2025
465089d
Update title to 'Password Strength Checker Idea'
foxxmg Oct 28, 2025
1a56787
Merge pull request #1 from foxxmg/foxxmg-patch-1
foxxmg Oct 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions Projects/1-Beginner/Password-Strength-Checker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
Comment on lines +10 to +15
Copy link

@coderabbitai coderabbitai bot Oct 28, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Fix markdown list indentation to comply with formatting standards.

Lines 11-15 have incorrect indentation (4 spaces instead of 2). Apply this diff to align with markdown linting standards:

 -   [ ] User can see strength indicators as they type:
-    - Password length (minimum 8 characters)
-    - Contains uppercase letters
-    - Contains lowercase letters
-    - Contains numbers
-    - Contains special characters
+    - Password length (minimum 8 characters)
+    - Contains uppercase letters
+    - Contains lowercase letters
+    - Contains numbers
+    - Contains special characters

Committable suggestion skipped: line range outside the PR's diff.

🧰 Tools
🪛 markdownlint-cli2 (0.18.1)

11-11: Unordered list indentation
Expected: 2; Actual: 4

(MD007, ul-indent)

12-12: Unordered list indentation
Expected: 2; Actual: 4

(MD007, ul-indent)

13-13: Unordered list indentation
Expected: 2; Actual: 4

(MD007, ul-indent)

14-14: Unordered list indentation
Expected: 2; Actual: 4

(MD007, ul-indent)

15-15: Unordered list indentation
Expected: 2; Actual: 4

(MD007, ul-indent)

🤖 Prompt for AI Agents 
In Projects/1-Beginner/Password-Strength-Checker.md around lines 10 to 15, the
nested markdown list items use 4-space indentation instead of the required
2-space indentation; update lines 11–15 so each sub-list item is indented by 2
spaces (not 4) under the parent checkbox line to satisfy markdown linting and
maintain consistent list nesting.

- [ ] 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)