Skip to content

A React-based Password Generator that creates secure, customizable passwords with options for numbers and special characters. Built with Vite and TailwindCSS for a fast and responsive experience.

Notifications You must be signed in to change notification settings

YashPandey1405/Password-Generater-React

Repository files navigation

Password Generator

A React-powered Password Generator that allows users to generate strong, random passwords with customizable options, such as including numbers and special characters. Built using React, Vite, and TailwindCSS for a smooth, responsive user experience.

Features

  • Random Password Generation: Generate random passwords of any length from 6 to 100 characters.
  • Customization: Toggle the inclusion of numbers and special characters in the generated password.
  • Real-time Updates: The password is generated as soon as you change any settings or click the "Generate" button.
  • Responsive Design: Optimized for both desktop and mobile devices.
  • Clipboard Functionality: Easily copy the generated password to your clipboard with one click.

Demo

Check out the live demo of the project hosted on Netlify.

Technologies Used

  • React: For building the user interface and managing the app's state.
  • Vite: For fast, modern build setup and development environment.
  • TailwindCSS: For fast and customizable styling, ensuring a clean and responsive design.
  • React Hooks: Utilized useState, useEffect, useRef, and useCallback for managing states and optimizing performance.

How to Use

  1. Customize Password Settings:
    • Adjust the length of the password using the slider.
    • Toggle the options to include numbers or special characters.
  2. Generate Password: Click the "Generate" button to create a random password based on your selected criteria.
  3. Copy Password: Click the "Copy" button to copy the generated password to your clipboard for easy use.

Installation

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/password-generator.git
  2. Navigate to the project directory:

    cd password-generator
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm run dev
  5. Open your browser and visit http://localhost:5173 to see the project running.

Contributing

Feel free to fork the repository, create issues, and submit pull requests. Contributions are always welcome!

License

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

About

A React-based Password Generator that creates secure, customizable passwords with options for numbers and special characters. Built with Vite and TailwindCSS for a fast and responsive experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published