Password Generator

A professional, fully responsive Password Generator built with HTML, CSS, and JavaScript. Generate secure passwords with customizable options, toggle between dark/light modes, and enjoy a clean, accessible UI. Features a "Made by ProXentix" watermark.

🔗 Live Demo

Table of Contents

• Features
• Technologies
• Usage
• Project Structure
• License
• Author

Features

• Customizable Passwords:
  • Adjust password length (4–32 characters) via a slider.
  • Include/exclude uppercase letters, lowercase letters, numbers, and symbols.
• Dark/Light Mode:
  • Toggle between themes with a smooth transition.
  • Theme-aware watermark and UI elements.
• Responsive Design:
  • Optimized for mobile, tablet, and desktop devices.
• User-Friendly:
  • Clean, modern interface with copy-to-clipboard functionality.
  • Accessible with ARIA labels and keyboard navigation.
• Secure:
  • Generates random passwords with validation for at least one character type.
• Watermark:
  • Subtle "Made by ProXentix" branding at the bottom.

Technologies

• HTML5: Semantic structure for accessibility.
• CSS3: Custom properties for theming, responsive design with media queries.
• JavaScript: Vanilla JS for password generation and interactivity.

Usage

1. Visit the live demo.
2. Use the slider to set the desired password length.
3. Check/uncheck boxes to include uppercase, lowercase, numbers, or symbols.
4. Click Generate Password to create a new password.
5. Click Copy to copy the password to your clipboard.
6. Toggle dark/light mode using the theme button (🌙/☀️).

Project Structure

password-generator/
├── index.html        # Main HTML file
├── styles.css        # Stylesheet with theming and responsive design
├── script.js         # JavaScript for password generation and interactivity
└── README.md         # Project documentation

License

This project is licensed under the MIT License.

Author

Made by ProXentix