Skip to content

README.md

Latest commit

 

History

History
90 lines (65 loc) · 1.69 KB

README.md

File metadata and controls

90 lines (65 loc) · 1.69 KB
Raw

🔐 Password Generator

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.

🚀 Live Demo

👉 (Add your Vercel link here after deployment)

✨ Features

  • ✅ 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 Logic

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.

🛠 Tech Stack

  • React (Vite)
  • Material UI (MUI)
  • JavaScript (ES6+)
  • Clipboard API

📂 Project Structure

password-generator/ │ ├── src/ │ ├── App.jsx │ ├── main.jsx │ ├── index.css │ ├── public/ ├── package.json └── README.md

⚙️ Installation & Setup

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/