Our Inspiration: New York City is full of pollution. Many people toss their garbage onto the streets, or into the wrong bins, which can be very harmful to the environment. That trash is then dumped into oceans where it harms the ecosystems, or landfills where it significantly impacts the surrounding soil, affecting the plant and animal life. We were inspired to design our webpage to help educate others about the most basic principles of recycling, ultimately helping individuals recognize where their trash should be placed.
What does our website do?: Our website demonstrates a hypothetical situation, where the user is presented with a button on the interface of the website. When the button is clicked, a piece of trash pops up and must be selected into its corresponding bin. If the object is put into the incorrect bin, there is a small description as to why the choice was wrong. If the object is placed into the correct bin, there is a brief description of why the object corresponds to that bin. The user is then praised for the right answer and can move on to the next piece of trash.
How we built it: This website was built using HTML and CSS. In building this website, we featured colors, buttons, and interactive objects. We coded a colorful background that acts as a base for the page, and we included buttons that can lead to an educational outcome.
Challenges we ran into: As beginners, we do not have as much experience compared to other coders, so it was particularly challenging to incorporate our ideas into a usable program. When we had an idea involving buttons, we significantly struggled with incorporating the interactive elements that our visions featured. We had to constantly adjust our code according to our skill level.
Accomplishments that we're proud of: Coding our program was a very new and educational experience, as we had very limited knowledge of HTML and CSS before starting this webpage. However, by attending the workshops and doing our own research using websites like w3 schools, we were able to create a program that runs as we intended. We are especially proud of the buttons on the interface, which took us a while. Coding the buttons was a very difficult task for us, which we were able to overcome and effectively implement as a group.
What we learned: Ultimately, by having finished this project, we learned a new coding language, HTML, and how to create a simple web page that is related to a pressing issue, pollution. We also learned how to problem-solve and manage our time wisely as a group as it is important to work collaboratively and effectively.
What's next for the test: In the future, we hope to utilize interactive objects to further imitate the action of sorting trash into their correct bins, where a user can drag and drop the trash into a colored bin that is recycling, compost, or waste.
Log in or sign up for Devpost to join the conversation.