A simple and customizable password generator built with HTML, TailwindCSS, and JavaScript. It allows users to generate secure passwords based on selected criteria and easily copy them to the clipboard.
- Generate random and secure passwords
- Select password length
- Include or exclude:
- Uppercase letters
- Lowercase letters
- Numbers
- Symbols
- Copy generated password to clipboard
- Responsive and minimal user interface using TailwindCSS
- Clone the repository:
git clone https://github.com/CharlesFaye/password-generator.git
2. Navigate to the project directory:
cd password-generator
3. Open index.html in your browser
(or launch with Live Server in VS Code)
Technologies Used
. HTML5
. TailwindCSS
. JavaScript (Vanilla)
Project Structure
password-generator/
├── index.html # HTML structure
├── script.js # Password generation logic
└── src/input.css # Custom styling
How It Works
1. Set your preferred password length.
2. Select the character types you want to include.
3. Click the Generate button.
4. Copy the password using the Copy button.
5. The password is generated using secure random functions and includes only the characters you select.
Customization Ideas
. Password strength indicator (weak, medium, strong)
. Toggle to show/hide password
. Dark mode support
. History of generated passwords
. Auto-save to clipboard after generation
Author
Created by Charles Faye