Welcome to SecuriKey, where we take your digital security seriously! Imagine having a master locksmith in your pocket, ever-ready to conjure up the most intricate and impenetrable keys - that's us but for your online world!
Built with the dexterity of JavaScript, SecuriKey is a marvel that generates passwords as unique as your fingerprint. It lets you decide how secure you want your digital fortress to be. From length to complexity, you're in control.
Fancy a 50-character long password humming with numbers, symbols, and a mix of lowercase and uppercase letters? SecuriKey will serve it up in a heartbeat. Or do you like a bit of whimsy? Our "Fruit Salad" option adds a dash of fun to your passwords, turning 'apple', 'kiwi', 'mango', and their friends into secret code language. But don't be fooled by the fun; these passwords are still as tough as they come!
Our sleek HTML5 and CSS3 interface isn't just eye candy - it's thoughtfully designed to guide you smoothly through your password creation journey. No more fumbling through confusing controls or getting lost in translation. SecuriKey isn't just a tool; it's a revolution in safeguarding your online accounts. It's not just about creating passwords; it's about empowering you to take control of your online security, one password at a time. So join the revolution and turn the key to a more secure digital world!
- Secure Password Generation: Generate highly secure and random passwords based on user-defined criteria. Customize the length, character sets (uppercase letters, lowercase letters, numbers, symbols), and password type (fruit or character-based).
- Fruit Mode: Option to generate passwords using a combination of fruit names, adding a touch of whimsy and memorability to the generated passwords.
- Character Mode: Option to generate passwords using a combination of uppercase letters, lowercase letters, numbers, and symbols, providing a broader range of character sets for enhanced security.
- Password Strength Indicator: Dynamically calculates and displays the strength of the generated passwords, helping users gauge the overall security level based on the selected character sets.
- Easy-to-Use Interface: Sleek and intuitive HTML5 and CSS3 interface designed for a smooth user experience. Responsive design ensures optimal viewing and usability across different devices.
- Copy Password to Clipboard: Conveniently copy generated passwords to the clipboard with a single click, facilitating easy usage and storage.
- Password Visibility Toggle: Toggle password visibility to check and verify the generated password while keeping it hidden from prying eyes.
- Input Validation and Error Handling: Validate user input to ensure a suitable password length and at least one character set selection. Display meaningful error messages when invalid input or incomplete criteria are detected.
- Length: Use the range slider or input field to select the desired length of your password. The length can be between 5 and 128 characters.
- Character Sets: Choose the character sets you want to include in your password:
- Uppercase Letters: Select the checkbox to include uppercase letters (A-Z).
- Lowercase Letters: Select the checkbox to include lowercase letters (a-z).
- Numbers: Select the checkbox to include numbers (0-9).
- Symbols: Select the checkbox to include symbols (!@#$%^&*()').
- Note: At least one character set must be selected.
- Password Type: Choose the type of password you want to generate: Fruit: Select the "Fruit" option to generate a password using a combination of fruit names. Character: Select the "Character" option to generate a password using a random combination of selected characters.
- Generate Password: Click the "Generate Password" button to create your customized password based on the selected criteria.
- View Password Strength: The password strength is indicated below the input fields. It will display either "Weak," "Medium," "Strong," or "Very Strong" based on the number of selected character sets.
- Reveal Password: Click the eye icon next to the password field to toggle the visibility of the password. This allows you to check the password while it's hidden.
- Generate Again: To generate a new password with the same criteria, simply click the "Generate Password" button again.
- HTML
- CSS
- JavaScript
- Bootstrap (CSS framework)
- Ionic Icons (Icon library)
Check out the live version of this project here.
This project was independently developed by Victoria Alawi.
- Github: @lightoftwelve
- LinkedIn: @Victoria Alawi
- Website: www.lightoftwelve.com
I want to express my gratitude to my teacher, Sean Roshan, for their invaluable guidance and support in the structuring of this project.
This project is not currently licensed.