Password Generator and Saver

Application made using Bootstrap, Vanilla JS, CSS & HTML to create passwords - either randomly or based on input - and save them in local storage along with the websites they are being used for.

Comment

Inspiration

My inspiration for this project is derived from trying to remember passwords that I've had to change on a regular basis for school and bank-related purposes. Although this is important, it is tedious to remember where I used which password.

What it does

There are 3 categories to this project:

  1. Random Password Generator making one of 8 characters.
  2. Input based Password Generator allowing user to choose how many characters and what type of characters they want in their password.
  3. CRUD-based data table to save password with its corresponding website (using Local Storage).

How we built it

I mainly used JavaScript and a bit of Bootstrap for the table.

Challenges we ran into

  • adding script tags to connect the JS to the HTML after the HTML has loaded.
  • using while loops instead of for loops
  • fixing issues with local storage while working on my data table - specifically understanding when to use slice/vs. splice methods.

Accomplishments that we're proud of

  • This was the first hackathon that I participated in after a very long time, so I'm happy to understand the things that I need to improve on in the future.
  • I am happy to reintroduce myself to the CS concepts that I went over in Grade 11 using JS.

What we learned

  • I learned a lot about managing my time within these 2-3 days - good practice before the school year starts. Especially using the resources available to me to be able to understand what is not working with my code, such as StackOverflow.
  • I learned how to use Bootstrap.

What's next for Password Generator and Saver

  • I would really like to implement some privacy-related features to this project as it suits it. Might be too ambitious, but I would like to use TensorFlow to create a facial recognition login system for this application so that users can sign in safely. I would also like to learn some privacy retaining mechanisms and dive more into the backend to learn how to store information in a much safer way.
  • I would like to deploy this as a Chrome extension.
Share this project:

Updates