A modern, responsive Password Generator web application built using React and Material UI.
Users can generate strong, customizable passwords with real-time strength indication, copy & regenerate functionality, and dark mode support.
👉 (Add your Vercel link here after deployment)
- ✅ Generate secure random passwords
- 🎚 Adjustable password length (6–32)
- ☑ Options to include:
- Uppercase letters
- Lowercase letters
- Numbers
- Symbols
- 📋 Copy password to clipboard
- 🔄 Regenerate password instantly
- 📊 Password strength indicator (Weak / Medium / Strong)
- 🌙 Dark mode toggle
- 🔔 Snackbar feedback on copy
- 📱 Fully responsive UI
Password strength is calculated based on the generated password itself, not user-selected options.
Strength factors:
- Password length
- Presence of:
- Uppercase letters
- Lowercase letters
- Numbers
- Symbols
This ensures accurate strength evaluation even if options change after generation.
- React (Vite)
- Material UI (MUI)
- JavaScript (ES6+)
- Clipboard API
password-generator/ │ ├── src/ │ ├── App.jsx │ ├── main.jsx │ ├── index.css │ ├── public/ ├── package.json └── README.md
1️⃣ Clone the repository
git clone https://github.com/your-username/password-generator.git
//
2️⃣ Navigate to project folder
cd password-generator
//
3️⃣ Install dependencies
npm install
//
4️⃣ Run the app
npm run dev
App runs at:
http://localhost:5173/