Skip to content

Latest commit

 

History

History
68 lines (44 loc) · 2.36 KB

README.md

File metadata and controls

68 lines (44 loc) · 2.36 KB

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.