WasteWise

• 

  In this picture, we're showing that webapp's working with the image of Plastic bottle Garbage

Inspiration

We wanted to make it easier for people to figure out how to throw away their waste properly. So many of us want to recycle, but we’re unsure where things go — plastic, paper, metal? WasteWise was born to take away that confusion and help the planet.

What it does

WasteWise lets you upload a picture of your trash, and it tells you what kind of waste it is — like plastic, paper, or metal — and gives tips on how to dispose of it the right way

How we built it

We built the frontend using React (with Tailwind CSS for styling) and the backend using Python Flask. The frontend sends your image to the backend through an API, and the backend sends back a result. We hosted the frontend on Netlify and the backend on Render.

Challenges we ran into

Setting up backend deployment with Render, Making sure the frontend and backend talked to each other correctly

Accomplishments that we're proud of

We got the full-stack app running smoothly end-to-end, Created a clean, responsive, and user-friendly interface, Made waste classification easy and accessible for anyone

What we learned

How to connect a React frontend with a Flask backend, How to deploy full-stack apps using Netlify and Render, The importance of user experience and accessibility, How tech can be used to encourage good environmental habits

What's next for WasteWise

Add real image classification using a machine learning model, Support more waste types and disposal rules, Add local recycling center info based on user location, Launch a mobile version for easier access

Built With

• axios
• flask
• git
• github
• netlify
• pillow
• react
• render
• tailwindcss
• typescript