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 1 month 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-15T12:13:42.000Z (over 1 year ago)
- Last Synced: 2025-02-22T21:41:28.370Z (about 1 year 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.