-
-
What it looks like when you start!
Inspiration
We wanted to build something that would be fun, engaging, and spread awareness about the impact we have on climate change. No matter how big or small the action is, over time it can have devastating consequences.
What it does
“Clean Up Your Mess” is an interactive website experience designed to raise awareness to users about their consumer habits. The goal of the project was to find a way to educate users from the ages of 7 to 18.
How we built it
Our team’s skill set is quite minimal for this hackathon. We wanted to challenge ourselves by combining our current knowledge of HTML and CSS with (minimal) JavaScript language to create an educational experience.
Challenges we ran into
The interactive element we wanted to implement into the design was to have the users answer the question prompts. Their answers are then stored and totaled to show one of two outcomes: the “Good” Ending or “Bad” Ending to reflect how their consumption habits affect our planet.
Accomplishments that we're proud of
Our idea extended beyond two outcomes during our brainstorming session. We considered adding additional branches for each combination of answers. The reason for this is that we did not want to limit users to see their actions as absolute “good” or absolute “bad.” We wanted to encourage them to continue considering other ways to live more sustainably on our shared planet while also making the user more aware of how their current habits affect the environment.
What we learned
The graphical elements, such as the view of Earth from space and the spaceship icon, were created by our team member, Jovolynn Gragasin. The wireframe and prototype were mocked up by Samantha Tan and Jessica Lee. Collectively, each member contributed to writing and scripting the experience to learn how to use GitHub in conjunction with Visual Studio Code and Figma.
What's next for Clean Up Your Mess
We hope to return for another hackathon in the near future with more skills under our belt to learn and create a more immersive experience next time.
- Thank you for reviewing our work! :)
Log in or sign up for Devpost to join the conversation.