🔑 Keygenix - Secure Password Generator

Keygenix is a modern, responsive, and user-friendly password generator that helps you create strong and secure passwords with ease. Built with HTML, CSS, and JavaScript, it offers a clean interface with dark mode support and responsive design for all devices.

---

✨ Features

• 🔒 Generate strong, secure passwords instantly
• 📱 Fully responsive design that works on all devices
• 🌓 Dark/Light mode toggle
• 📋 One-click copy to clipboard
• 🔄 Customizable password length (8-16 characters)
• 📊 Visual password strength indicator
• 🌍 Social media links for easy access
• 🎨 Modern and intuitive user interface

---

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge, etc.)
• Internet connection (for loading external fonts and icons)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/Keygenix.git

2. Navigate to the project directory:

   cd Keygenix

3. Open index.html in your preferred web browser

---

🎯 Usage

1. Adjust the slider to set your desired password length (8-16 characters)
2. Click the "Generate" button to create a new password
3. Click the "Copy" button to copy the password to your clipboard
4. Toggle between dark and light mode using the sun/moon icon in the top-right corner

---

📱 Mobile Support

Keygenix is fully responsive and works seamlessly on:

• Smartphones (iOS & Android)
• Tablets
• Desktop browsers
• Landscape and portrait orientations

---

🛠️ Technologies Used

• HTML5
• CSS3 (with Flexbox and CSS Grid)
• JavaScript (Vanilla JS)
• Font Awesome - For icons
• Google Fonts - Poppins font family

---

🌟 Features in Detail

Password Generation

• Generates cryptographically secure passwords
• Includes uppercase, lowercase, numbers, and special characters
• Visual feedback on password strength

User Interface

• Clean, modern design
• Smooth animations and transitions
• Intuitive controls
• Accessible color schemes

Responsive Design

• Adapts to all screen sizes
• Optimized touch targets for mobile devices
• Horizontal layout for tablets and desktops
• Vertical layout for mobile devices

---

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

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

---

📝 File Structure

Keygenix/
│
├── assets/                  # Static assets
│   │
│   ├── css/                 # Stylesheets
│   │   └── style.css        # Main stylesheet
│   │
│   ├── js/                  # JavaScript files
│   │   └── main.js          # Main JavaScript functionality
│   │
│   └── images/              # Image assets (screenshots, icons, etc.)
│       └── (add files here)
│
├── index.html              # Main HTML file
└── README.md               # Project documentation

File Descriptions:

• index.html - The main HTML file containing the application structure
• assets/css/style.css - Contains all the styling rules for the application
• assets/js/main.js - Contains all the JavaScript functionality
• assets/images/ - Directory for storing image assets
• README.md - Project documentation and setup guide

Key Files:

• index.html - Entry point of the application
• assets/css/style.css - Responsive design and theming
• assets/js/main.js - Password generation and UI interactions

---

🙋‍♂️ Author & Credits

• Created by: Muntazir Ali
• Socials:
  • GitHub
  • YouTube
  • Instagram
  • X (Twitter)
  • LinkedIn

---

📄 License

This project is open source and free to use.

---

🐞 Issues & Feedback

If you find a bug or want to suggest a feature, please open an issue or contact me on my socials!

---

Enjoy using Keygenix!