🔐 Modern Password Generator

A beautiful, responsive password generator web application with stunning gradient designs, smooth animations, and dark mode support.

✨ Features

• 🎨 Modern Gradient Design - Beautiful gradient text and borders throughout the UI
• 🌓 Dark Mode Toggle - Seamless light/dark theme switching with persistent preference
• 📱 Fully Responsive - Works perfectly on all devices (mobile, tablet, desktop)
• 🎭 Smooth Animations - Elegant transitions and hover effects
• 🔒 Secure Password Generation - Generates strong passwords with letters, numbers, and symbols
• 📋 One-Click Copy - Easy clipboard copying with visual feedback
• ⚙️ Customizable Length - Adjustable password length (4-50 characters)
• 🎯 Font Awesome Icons - Professional icons for better UX
• 💾 LocalStorage Integration - Remembers your dark mode preference

🚀 Demo

Simply open index.html in your browser to see the password generator in action!

📦 Installation

1. Clone the repository

   git clone https://github.com/akashasahu07/Password-Generator.git

2. Navigate to the project directory

   cd password-generator

3. Open in browser

   # Simply open index.html in your preferred browser
   # Or use a local server

🛠️ Technologies Used

• HTML5 - Semantic markup structure
• CSS3 - Advanced styling with gradients and animations
• JavaScript (ES6) - Modern JavaScript for functionality
• Font Awesome 6.4.0 - Icon library
• LocalStorage API - Theme persistence
• Clipboard API - Copy functionality

📂 Project Structure

Password-Generator/
│
├── index.html          # Main HTML file (single-page application)
├── README.md          # Project documentation
└── screenshots/       # Screenshots folder (optional)

💻 Usage

1. Generate Password: Click the "Generate Password" button to create a random secure password
2. Adjust Length: Use the number input to set your desired password length (4-50 characters)
3. Copy Password: Click the copy icon next to the password field to copy it to clipboard
4. Toggle Dark Mode: Click the moon/sun icon in the top-right to switch themes

🎨 Features Breakdown

Password Generation

• Includes uppercase letters (A-Z)
• Includes lowercase letters (a-z)
• Includes numbers (0-9)
• Includes special characters (!@#$%^&*()_+~`|}{[]:;?><,./-=)

Responsive Breakpoints

• Desktop: > 768px
• Tablet: ≤ 768px
• Mobile: ≤ 480px
• Small Mobile: ≤ 360px

Design Elements

• Gradient backgrounds
• Gradient text effects
• Gradient borders
• Smooth transitions
• Hover animations
• Focus states
• Rotating icon animations
• Slide-in notifications

🎯 Browser Support

• ✅ Chrome (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Edge (latest)
• ✅ Opera (latest)

📱 Mobile Support

• ✅ iOS (iPhone, iPad)
• ✅ Android (all devices)
• ✅ Touch-optimized interface
• ✅ Responsive design

🤝 Contributing

Contributions are welcome! Here's how you can help:

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Your Name

• GitHub: @akashasahu07
• LinkedIn: Akasha Sahu

🙏 Acknowledgments

• Font Awesome for the beautiful icons
• Inspiration from modern web design trends
• The open-source community

📸 Screenshots

Light Mode

Dark Mode

Mobile View

🔮 Future Enhancements

• Add password strength indicator
• Include/exclude character type options (uppercase, lowercase, numbers, symbols)
• Password history feature
• Export passwords option
• Multiple password generation at once
• Password strength analyzer
• Custom character set option

📞 Support

If you have any questions or need help, feel free to:

• Open an issue on GitHub
• Contact me via email: akashasahu2001@gmail.com

---

⭐ If you find this project useful, please consider giving it a star! ⭐

Made with ❤️ by Akash