Password Helper

Inspiration

We talked about how a lot of people make weak passwords because they never imagine they could get hacked. Little did they know that 81% of data breaches are due to poor passwords. We wanted to help people test their old passwords to see how strong they were and also to compare them to the strong passwords that we make for them.

What it does

Our website educates people on facts about passwords and how weak passwords can be really harmful. We also have a built-in password generator to build a strong password for you. All you have to do is enter how long you want your password to be, and if you want letters, numbers, and/or symbols. We also have a password tester to help you test how strong your password is by checking if it has various different characters like uppercase letters, symbols, numbers, and more.

How we built it

We divided up what we were going to do. Two of our team members worked on the password generator and password tester using HTML, CSS, and Javascript. One of our team members worked on the general HTML and CSS portion of the home page, facts page, and a little bit of the password generator and password tester page. Our last team member contributed to the research portion and found facts for us as well as ideas that we could use.

Challenges we ran into

Since we were beginners, we often ran into a few errors with CSS, which can be complicated when it has many aspects. We forgot to name all of our elements, so we often called the body tag, when we should've been calling specific elements. We fixed this issue by naming all the elements again and calling them when necessary. Luckily, we fixed this issue in the beginning, so we didn't face many problems with it. Another problem we faced, in the beginning, was our color scheme. We originally wanted a dark scheme that had a few colors pop out, however, with more information and fewer graphics, we found it harder to read some of the writing and the darkness felt a little too much for an informational website. We fixed this issue by changing our color scheme right after we realized the issue and working together to ensure that every aspect was fixed.

Accomplishments that we're proud of

In general, we are proud of enhancing our coding skills. We came into this project with basic knowledge of Python as well as basic website design skills. We were able to learn Javascript by researching a lot on the internet, and we were able to find out new things about CSS. Another thing we're proud of is the outcome of our project and how it can prevent many data breaches. Lastly and most importantly, we are proud of being able to work together very nicely as a team. Two of our team members were in California, while the other two were in Indonesia and Malaysia, which were 15 and 14 hours ahead, respectively. We found ways to work together and sacrifice some of our sleeping time to communicate better. Working together with opposite hours is a REALLY hard thing to do, and we're really proud of being able to still work as a team.

What we learned

As mentioned above, we learned new coding skills. We learned about new selectors in CSS as well as the basics of a whole new language: Javascript. Through the project, we got to learn facts about passwords, and how there are so many weak passwords out there that can lead to data breaches.

What's next for Password Helper

In the near future, we're hoping that we can actually have people using our website to test their passwords. We also want to add more services that we can offer. Currently, we offer a password generator and tester, but it would be really cool if we could offer services to keep passwords safe for people so that they don't have to memorize them. We would also love to enhance our website and the content that it offers.

Built With

• css
• html
• javascript
• replit