PASSWORD GENERATOR

• 

  user interface

• 

  please select at least one char type

Inspiration

In today’s digital age, weak or reused passwords are one of the biggest threats to online security. I noticed that many people still rely on simple or predictable passwords, leaving their accounts vulnerable to attacks. This inspired me to build a Password Generator :-a tool that helps users create strong, secure, and unique passwords with just one click.

What it does

Creates unique and unpredictable passwords using a combination of characters.

How we built it

The project was developed using:

• HTML to create the structure and input controls (like checkboxes and sliders)
• CSS for styling the interface to make it clean, minimal, and responsive
• JavaScript to handle all the core logic, including
  • Random password generation
  • Checkbox and slider interaction
  • Copy-to-clipboard functionality
  • Password strength validation Users can choose whether to include uppercase letters, lowercase letters, numbers, and symbols, and also set the desired password length. The generated password is displayed instantly with an option to copy it.

Challenges we ran into

Every project comes with its own set of hurdles. Here’s what I faced:

• Making sure the password was truly random and met all selected criteria (e.g., if the user selected symbols and numbers, at least one of each had to appear).
• Designing a layout that works well on both desktop and mobile.
• Creating a real-time password strength indicator and tuning it to evaluate complexity correctly.
• Debugging the copy-to-clipboard feature across different browsers.

Accomplishments that we're proud of

The result is a simple yet powerful password generator that helps users take the first step toward better cybersecurity. It’s fully responsive, easy to use, and available to run directly in any browser without installations.

What we learned

I learned how to structure code better by breaking logic into smaller, reusable functions, making it easier to read and maintain.

What's next for PASSWORD GENERATOR

Save Password History Multi-language Support

Built With

• css
• html
• javascript