Skip to content
/ Lambda Public

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.

Notifications You must be signed in to change notification settings

kode0x/Lambda

Repository files navigation

Lambda

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.

Features

  • 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

Technologies Used

  • 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.

Installation

1. Clone The Repository

git clone https://github.com/yourusername/password-generator.git

2. Install Dependencies

npm install

3. Start The Development Server

npm start

After Running The Above Command, Open Your Browser And See The App In Action

How It Works

  • 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.

Responsive Design

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.

Usage

  1. 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.
  2. Evaluate Password Strength:

    • The Strength of The Generated Password Is Displayed Below The Password Field With Labels Weak, Good, or Strong.

Customization

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.js File.
  • Add Additional Password Generation Options, Such As Uppercase/lowercase Toggles, If Required.

Contribution

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!

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published