Inspiration

Landfills in the United States are overflowing with over 2 million plastic bottles and matters have become even worse due to the Covid-19 pandemic. The coronavirus pandemic has sparked a rush for plastic. I have noticed that sales in products such as plastic water bottles and soda cans have greatly increased in my area. Although some people in my community regularly recycle, some do not even know what recycling is and what products can be recycled. As a solution to this problem, I created Recycle4Ever, a website that includes all the basics of recycling.

Additionally, I also noticed, that several people in my community were struggling while identifying products that can be recycled. So, I thought it would be helpful if there was a way for them to quickly get the answers they need. So, to accompany Recylce4Ever I created the Recycle4Ever Buddy App.

What it does

Recycle4Ever is a responsive website and it provides its users with absolutely everything they need to know about recycling (from what they can recycle, how they can recycle, things they can recycle, and innovative ideas to reuse things in their homes). Additionally, if users are unsure whether a product can be recycled they can use the Recycle Buddy App in which they manually need to answer a few questions and the app will determine whether the product can is recyclable.

How I built it

I built Recycle4Ever on Qoom.io using HTML5, CSS, and JS. I created the Recycle Buddy App using Python.

Challenges I ran into

This was my first time using Qoom.io, so it took me a little time to learn how to work things out. I had to restart twice because my work was not saving, but I worked things out.

Accomplishments that we're proud of

I am definitely very proud of completing so much of my website in such less time. I had to restart about twice due to some Qoom.io and network issues but in the end everything was fine. Additionally, I am also proud of the layout of my website.

What I learned

I learned a lot of new things about CSS and JS. For example, I learned some new CSS properties. I learned how I can create a image slider using JS. Additionally, I also had a hard time using the Google Maps API and implementing it into my website.

What's next for Recycle4Ever

In the future, I want to make Recycle4Ever more interactive and fun. For it's companion, Recycle Buddy, I want to use image recognition in Python and allow users to take a picture of the product they want to know can be recycled. Using this picture I want the app to determine whether the product can be recycle.

Share this project:

Updates