The Password Generator is a web application designed to assist users in generating secure and randomized passwords. It provides a user-friendly interface for customizing password parameters and copying generated passwords to the clipboard.
Before using the Password Generator, ensure you have the following prerequisites:
A modern web browser (e.g., Chrome, Firefox, or Edge).
- Clone the project repository from GitHub:
- git clone https://github.com/Soulistic/password_generator.git
- Open the project folder using your preferred code editor.
Launch the index.html file in your web browser.
Password Length: Use the slider to specify the desired length for the generated password. The range is from 1 to 20 characters.
Character Set Options: Check the checkboxes to include specific character types in the generated password:
- Uppercase Letters: Includes uppercase letters (e.g., A, B, C).
- Lowercase Letters: Includes lowercase letters (e.g., a, b, c).
- Numbers: Includes numerical digits (e.g., 1, 2, 3).
- Symbols: Includes symbols (e.g., @, #, $). Generate Password: Click the "Regenerate Password" button to generate a password based on your selected options. The generated password will appear in the input field.
Copy Password: To copy the generated password to your clipboard, click the "Copy" button. A tooltip will briefly indicate whether the copying was successful.
The strength indicator located below the password options provides feedback on the password's strength. The indicator changes color based on the selected options and length: Green: Strong password (includes upper/lowercase, numbers, symbols, and length >= 8). Yellow: Medium password (includes upper/lowercase, numbers, symbols, and length >= 6). Red: Weak password (other combinations).
You can customize the password generation options by checking or unchecking the checkboxes and adjusting the password length using the slider. If you check more character set options than the current password length allows, the password length will increase automatically to accommodate your selections.
index.html defines the structure of the web page, including elements for displaying the password, character set options, and buttons.
index.css provides the styles for the web page, including colors, fonts, and layout. It creates an attractive and user-friendly interface.
index.js implements the core functionality of the password generator. It handles user interactions, generates passwords, assesses password strength, and manages clipboard copying.
The project leverages custom CSS variables (custom properties) to maintain a consistent color scheme throughout the interface. The password generator uses a secure method to copy passwords to the clipboard, enhancing user security. For contributions or bug reports, please refer to the project's CONTRIBUTING.md file.
This project is open-source and is available under the MIT License. Feel free to use and modify it according to your needs.