https://github.com/techycode-01/passwordgenerator

This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.
https://github.com/techycode-01/passwordgenerator

jsx react tailwindcss

Last synced: about 2 months ago
JSON representation

This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.

• Host: GitHub
• URL: https://github.com/techycode-01/passwordgenerator
• Owner: techycode-01
• Created: 2024-08-14T13:30:42.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-15T12:13:42.000Z (5 months ago)
• Last Synced: 2024-10-19T02:36:13.017Z (3 months ago)
• Topics: jsx, react, tailwindcss
• Language: JavaScript
• Homepage: https://passwordgenerator-copytoclipboard.netlify.app
• Size: 54.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Random Password Generator

This is a simple React project using React, Vite and Tailwind CSS that generates random passwords, including numbers, alphabets, and special characters. It also includes functionality to copy the generated password to the clipboard.

## Live Demo

Check out the live demo [here](https://passwordgenerator-copytoclipboard.netlify.app/).

## Features

- Generate random passwords with customizable options:

  - Include numbers

  - Include alphabets

  - Include special characters

- Copy the generated password to the clipboard with a single click

## Technologies Used

- **React**: JavaScript library for building user interfaces.

- **Vite**: Next-generation front-end tool for development.

- **Tailwind CSS**: Utility-first CSS framework for styling.

## Installation

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 dependencies:

   `npm install`

4. Start the development server:

   `npm run dev`

5. Open your browser and go to `http://localhost:5173` to view the project.

## Usage

1. Select the desired options for the password (numbers, alphabets, special characters).

2. Click `Generate Password` to create a random password.

3. Click the `Copy to Clipboard` button to copy the generated password.