🔐 PassWord Generator

A modern and responsive Random String Generator built using React, Tailwind CSS, and React Hooks. Users can generate secure random strings/passwords with customizable options such as uppercase letters, numbers, symbols, and password length.

---

🚀 Features

• Generate random strings/passwords instantly

• Adjustable string length using a slider

• Include/Exclude:

  • Uppercase letters
  • Numbers
  • Symbols

• Password strength indicator

• Copy generated password to clipboard

• Password history tracking

• Clear password history

• Responsive and modern UI

• Built using React Hooks:

  • useState
  • useEffect
  • useCallback

---

🛠️ Tech Stack

• React
• Vite
• Tailwind CSS
• React Icons
• JavaScript (ES6+)

---

📂 Project Structure

src
│
├── components
│   └── RandomStringGenerator.jsx
│
├── App.jsx
├── index.css
└── main.jsx

---

⚙️ Installation

Clone the repository

git clone https://github.com/SameekshaShakya/Random-String-Generator.git

Navigate to the project

cd random-string-generator

Install dependencies

npm install

Run the development server

npm run dev

---

🎯 React Hooks Used

useState

Used to manage:

• Password length
• Generated string
• Character options
• Password history

useEffect

Automatically generates a new password whenever the configuration changes.

useCallback

Optimizes the password generation function and prevents unnecessary re-creation on every render.

---

📸 Screenshot

---

🌟 Future Enhancements

• Password Strength Meter Improvements
• Export Password History
• Save Passwords Locally
• Toast Notifications
• Custom Character Sets

---

👩‍💻 Author

Sameeksha Shakya

Computer Science Engineering Student

Jaypee University of Information Technology (JUIT)

---