Skip to content

themrsami/Generate-Random-Password

Repository files navigation

Password Generator

A simple and customizable password generator built with React, ShadCN UI components, and React Icons. This tool allows users to generate secure passwords with various customizable options such as length and character types.

Features

  • Generate strong and secure passwords
  • Customize password length
  • Include or exclude uppercase letters, lowercase letters, numbers, and symbols
  • Copy generated password to clipboard
  • User-friendly interface with tooltips for better usability

Live Preview

Check out the live demo of the Password Generator here.

Screenshots

password

Getting Started

Follow these instructions to set up and run the Password Generator on your local machine.

Prerequisites

  • Node.js (>=14.x)
  • npm or yarn

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/password-generator.git
  2. Navigate to the project directory:
    cd random-password-generator
  3. Install Dependencies:
    npm install
    # or
    yarn install

Running the Application

  1. Start the development server:

    npm run dev
    # or
    yarn dev
  2. Open your browser and visit http://localhost:3000 to see the Password Generator in action.

Usage

  • Adjust the password length using the slider or input field.
  • Check or uncheck the options for uppercase letters, lowercase letters, numbers, and symbols.
  • Click the "Generate" button to create a new password based on your selections.
  • Use the copy icon to copy the generated password to your clipboard.
  • Use the refresh icon to generate a new password quickly.

Build with

  • React - A JavaScript library for building user interfaces
  • ShadCN UI - Beautiful and customizable UI components
  • React Icons - Popular icons in React

Contributions

Contributions are welcome! If you have suggestions for improvements or want to report issues, please open an issue or create a pull request. For major changes, please discuss them first via an issue.

Follow Me

Acknowledgements

Feel free to reach out on Github or Instagram if you have any questions or suggestions!