A Simple And Responsive Password Generator Built With React And Tailwind CSS. This App Allows Users To Generate Secure Passwords of Customizable Lengths With Optional Inclusion of Numbers And Special Characters. It Also Evaluates The Strength of The Generated Password.
- Generate Secure Passwords With Customizable Length And Character Options
- Includes Options To Add Numbers And Special Characters For Enhanced Security.
- Password Strength Evaluation Based On Common Criteria (Length, Upper/Lowercase, Numbers, And Special Characters)
- Responsive Design Ensures The App Works Across Various Screen Sizes
- Cross-Browser Compatibility Using Modern CSS Practices
- React: Javascript Library For Building User Interfaces.
- Tailwind CSS: Utility-first Css Framework For Rapid Ui Development.
- JavaScript (ES6+): For Core Logic Like Password Generation And Strength Evaluation.
git clone https://github.com/yourusername/password-generator.gitnpm installnpm startAfter Running The Above Command, Open Your Browser And See The App In Action
-
Generate Password: The App Generates A Password Based On The Following Customizable Options:
- Length: Set The Desired Length (Minimum 10 Characters, Maximum 200).
- Include Numbers: Check This Box To Include Numbers In The Password.
- Include Special Characters: Check This Box To Include Special Characters Like
!@#$%^&*.
-
Password Strength Evaluation: Once The Password Is Generated, The App Evaluates Its Strength Based On The Following Criteria:
- Weak: Password Is Less Than 8 Characters.
- Good: Password Includes Numbers or Special Characters And Has At Least 8 Characters.
- Strong: Password Includes Uppercase, Lowercase, Numbers, And Special Characters With At Least 12 Characters.
This App Is Fully Responsive And Adapts To Various Screen Sizes:
- On Larger Screens, The App Maintains A Clean And Centered Layout With Proper Spacing And Alignment.
- On Mobile Screens, The Layout Adapts To Be More Compact, Ensuring That The App Remains Easy To Use And Accessible.
-
Generate A Password:
- Select The Password Length Between 10 And 200 Characters.
- Toggle The Options To Include Numbers And/or Special Characters.
- Click Generate To Generate A Secure Password.
-
Evaluate Password Strength:
- The Strength of The Generated Password Is Displayed Below The Password Field With Labels Weak, Good, or Strong.
You Can Customize The App In The Following Ways:
- Change The Default Password Length And Strength Evaluation Rules By Modifying The Relevant Logic In The
App.jsFile. - Add Additional Password Generation Options, Such As Uppercase/lowercase Toggles, If Required.
Feel Free To Fork The Repository, Create An Issue, or Submit A Pull Request If You Would Like To Contribute Improvements or New Features. Any Contributions Are Welcome!