This Password Generator is a customizable tool built using React with a sleek Cyberpunk theme. The generator allows you to create secure passwords with a length of 8 characters by default, and you can increase the length as per your requirements. You also have the option to include numbers and special characters through checkboxes. With every page refresh, a new password is generated.
The design uses the Orbitron font, giving it a futuristic look, while the color scheme revolves around black, #e7ea45 (for vibrant highlights), and #11F3Fc (for input borders). The input backgrounds have a deep #00181a color to match the overall dark theme.
This project is very simple to set up and can be customized further as needed.
- Generates a random 8-character password by default.
- You can customize the password length.
- Option to include numbers and special characters through checkboxes.
- Cyberpunk-inspired theme with a sleek design and futuristic fonts.
- Fully responsive and easy to use.
- React: JavaScript framework for building interactive user interfaces.
- CSS: Custom styling for the cyberpunk theme, using modern colors and fonts.
To set up and run this project locally, follow the steps below:
- Open your Git Bash or Terminal.
- Clone the repository:
git clone /~https://github.com/HassanThePassionate/Password-Generator.git-
Navigate to the project directory:
cd Password-Generator -
Install all the required dependencies:
npm install- Run the development server:
npm run dev- Open your browser and navigate to http://localhost:3000 to use the Password Generator.
- Password Length: Adjust the length of the password using the input field.
- Include Numbers: Check the box to include numbers in the password.
- Include Special Characters: Check the box to add special characters to the password.
- Font Family: "Orbitron", sans-serif for a modern, futuristic look.
- Background Color: #000000 (black) for the body.
- Highlight Color: #e7ea45 for vibrant elements like buttons.
- Input and Border Color: #11F3Fc for input fields and borders.
- Input Background Color: #00181a for dark, sleek input fields.
This project is open-source and free to use under the MIT License.