The Bottom Lines

our home page
may be viewed after scrolling down on our home page, redirects to the respective webpages
educates about cybersecurity
educates about cybersecurity (cont.)
provides potential passwords & a tool to check if your password is safe
educates about job security
job survey with relevant information to send to potential mentors
job survey with relevant information to send to potential mentors (pt. 2)
pop up once submitting the form
FAQ
logo! :)
navigation bar on top of every webpage

About Us

We are underclassman highschool students at West Windsor-Plainsboro High School North. We attended this hackathon through our local branch of Girl Who Code.

Inspiration

Our desire to help people during a recession-type economic crisis served as the idea for this endeavor. We also encouraged parents and kids to learn about issues like employment instability and cyber security. We believe that because these issues are so important to our daily lives, people should be aware of them.

What it does

This website informs the user about both cybersecurity and job insecurity. The cybersecurity page gives some background knowledge on what cybersecurity is and the types of hacks or breaches that can occur. In order to combat cyber attacks caused by password breaches, a password generator and checker is provided on the page to aid the user to prevent cyber attacks. The job security page prompts the user to fill out a job survey. The intended purpose of the survey is for experts who received the survey to connect the user with other like minded people with similar interests and backgrounds. Users may contact us via the contact form and questions are answered through the FAQ section.

How we built it

We used CSS to design the overall design of our website such as the images, icons, and the logo that are added on the website. We used HTML to add text to all the main pages and subpages. We used python for the password validator. We used repl.it as our developmental environment.

Challenges we ran into

Our team had to overcome how to connect the python code behind the password generator to the html of the site. We realized that the python code would not style in an efficient manner when paired with the html, so instead of making a button that would show or hide the passwords generated, we just had it show all the time. To create three new passwords, the user reloads the page.

Accomplishments that we're proud of

We worked really hard on the general aesthetic of the website, such as the color scheme and other aspects of the front-end, such as the hover attributes of our buttons and the logo of our website. We worked really hard on the password verification and we were happy with how it turned out.

What we learned

We learned how to implement Python into HTML as well as using HTML, CSS, and Python for the first time. In addition we experimented with Figma, a program that's new to us and learned how to create a show/hide option for passwords

What's next for The Bottom Lines

In the future we want to expand our website to provide more services for a bigger variety of economic struggles such as inflation. In addition we would like to make the job security survey and the contact us fully functional for a better user interphase and user experience.