Abhay-yadav966 / PasswordGenerator

The Password Generator is a web-based tool built using HTML, CSS, and JavaScript. It allows users to generate secure and customizable passwords based on various criteria, such as including uppercase letters, lowercase letters, numbers, and symbols.

Password-Generator

Overview

The Password Generator is a web-based tool built using HTML, CSS, and JavaScript. It allows users to generate secure and customizable passwords based on various criteria, such as including uppercase letters, lowercase letters, numbers, and symbols. The tool also provides a strength indicator to evaluate password security. This README provides details on features, setup, and usage of the project.

Features

• Create strong and customized passwords.
• Select options to include uppercase letters, lowercase letters, numbers, and symbols.
• Adjustable password length with a slider.
• Real-time strength indicator (red for weak, yellow for medium, green for strong).
• Auto-adjustment of the password length slider based on selected criteria.
• Copy generated passwords to the clipboard.
• Responsive design for various devices.

Preview

Usage

1. Customize Password Criteria:

   • Check or uncheck the checkboxes to include or exclude uppercase letters, lowercase letters, numbers, and symbols in the password.

2. Adjust Password Length:

   • Move the slider to set the desired password length. The slider will auto-adjust based on selected criteria.

3. Generate Password:

   • Click the "Generate Password" button to create a secure password.

4. Strength Indicator:

   • Observe the real-time strength indicator that changes color (red, yellow, or green) based on the password's security.

5. Copy to Clipboard:

   • Click the "Copy" button to copy the generated password to the clipboard for easy use.

Customization

You can customize the Password Generator for your specific needs:

• Add or Remove Criteria:

  • Edit the JavaScript code (script.js) to modify the criteria for password generation.

• Adjust Strength Indicator Thresholds:

  • Modify the strength indicator logic in the JavaScript code to change the color thresholds.

• Styling:

  • Customize colors, fonts, and styles in the CSS (styles.css) file to match your design preferences.

Contributing

Contributions are welcome! If you have any suggestions or find any issues, please feel free to open an issue or a pull request.