Passgen-React

Welcome to my Passgen-React(Random Password Generator) repository—a project I developed while learning React!

Table of Contents

• Overview
• Features
• Usage
• Technologies Used
• Installation
• Screenshots
• Contributing
• License

Overview

Passgen React is a web application built using React.js that allows users to generate strong and secure passwords. The application offers various options such as password length and character types to customize the generated passwords according to the user's requirements.

Features:

• Generate strong, unbreakable passwords to enhance digital security.
• Customizable password length with an intuitive range slider.
• Include or exclude specific character types:
  • Uppercase letters (A-Z)
  • Lowercase letters (a-z)
  • Numbers (0-9)
  • Symbols (!@#$%^&*)
• Password strength meter that visually indicates the strength of the generated password (from weak to strong).
• Copy the generated password to the clipboard with one click.
• Responsive design, ensuring seamless use across all devices.
• Password generation uses modern Crypto method for enhanced security.
• Checkbox validation ensures optimal user experience while customizing the password.

Usage:

1. Set the desired password length with the slider.
2. Choose the character types (uppercase, lowercase, numbers, symbols) by toggling checkboxes.
3. Click the "Regenerate" button to generate a new password.
4. View the password strength meter to assess the strength of the generated password.
5. Copy the password using the dedicated "Copy" button.
6. Easily generate multiple secure passwords by clicking Regenerate button.
7. The password generation is secured with Crypto.
8. Checkbox validation is implemented for a smoother, error-free user experience.

Technologies Used

• React.js
• Tailwind

Installation

1. Clone the repository:

   git clone https://github.com/Sh1v4nk/Passgen-React.git

2. Navigate into the project directory:

   cd Passgen-React

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:5173 to view the application or open the link provided in the terminal.

6. Alternatively, you can you can view a live demo of the Passgen-React.

Screenshots

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Thank you for visiting my Passgen-React repository. If you have any suggestions or feedback, feel free to reach out to me.

Connect with me: