Reduce Your Use

Inspiration

Our inspiration to make this project mainly stemmed from a desire to inform people about our climate. Many people are not aware of the extent of this issue, and we wanted to create an informative website that was also fun to use.

What it does

This website explains the climate crisis sweeping the world, then has the user take a survey with questions that pertain to their lifestyle. At the end of the survey, the user is given a point value based on how environmentally conscious they are, as well as a list of things they can do to help the environment and lower their carbon footprint.

How we built it

The website's front-end was built using HTML and CSS, with Flask as the back-end. The user's points are stored as a session within the website.

Challenges we ran into

We ran into some challenges making the questions change after they are answered. We eventually resolved to do this by storing a value for the question's number in a session and redirecting the user to the results page when they've answered the last question. We also ran into a lot of HTML/CSS formatting issues, primarily with making all of the buttons aligned.

Accomplishments that we're proud of

We were proud of the design of the website, as we had never designed a website before and we thought it ended up looking pretty good. We were also proud of the survey/results link which redirects you to either the survey or your results depending on whether you had already taken the survey.

What we learned

We learned how to center the contents for the page to fit any window/monitor size automatically. Additionally, we learned how to make a more responsive website for the user by using hover & transitions elements.