🔐 Password Generator

A modern Password Generator built using React, Vite, Tailwind CSS and React Hooks.

🚀 Live Demo

https://password-generator-ivory-two-39.vercel.app

📌 Features

• Generate secure random passwords
• Adjustable password length
• Include numbers
• Include special characters
• One-click copy to clipboard
• Responsive UI
• Built with React Hooks

🛠️ Tech Stack

• React.js
• Vite
• Tailwind CSS
• JavaScript
• Vercel

📚 React Concepts Used

useState

Used to manage:

• Password Length
• Generated Password
• Number Toggle
• Character Toggle

useCallback

Used to optimize password generation function and avoid unnecessary re-creation.

useEffect

Used to regenerate password whenever:

• Length changes
• Number option changes
• Character option changes

useRef

Used to access the password input field and implement copy functionality.

📂 Project Structure

src/
│
├── App.jsx
├── App.css
├── index.css
├── main.jsx
│
└── assets/

⚙️ Installation

Clone the repository

git clone https://github.com/Swati89923/PasswordGenerator.git

Move into project directory

cd PasswordGenerator

Install dependencies

npm install

Start development server

npm run dev

🖥️ Build Project

npm run build

🌐 Deployment

Project deployed on:

• Vercel

🎯 Learning Outcome

This project helped me understand:

• React Hooks
• State Management
• Event Handling
• Password Generation Logic
• Tailwind CSS
• Vercel Deployment
• Git & GitHub Workflow

👩‍💻 Author

Swati Kumari

GitHub: https://github.com/Swati89923