ecoscan-AR

• 

  This is the UI

Inspiration

I noticed people often throw batteries, paints, and electronics in regular trash, not realizing they can explode or harm the environment. I wanted to make something that helps everyone know how to dispose of waste safely — just by scanning it.

What it does

EcoScan AR uses your phone’s camera and AI to identify what kind of waste you have — plastic, paper, or toxic — and tells you how to dispose of it properly. It even shows the nearest recycling centers and works offline as a PWA(progressive web app)

How we built it

I built it with React, TypeScript, and Tailwind CSS, using Google Vision API and TensorFlow.js for image detection. It’s hosted on Cloudflare Pages and designed to work smoothly on mobile phones.

Challenges we ran into

I had trouble connecting the camera across different browsers and making the AI models run smoothly on mobile. Setting up the Google Vision API and handling slow responses was also challenging, but we fixed it using an offline TensorFlow model as a backup. I know it Is still 100 percent efficient but as the trained or training ai is getting positive responses it will be 99 % efficient one day.

Accomplishments that we're proud of

i built a working Progressive Web App that can actually detect waste using AI and guide people to dispose of it safely especially the radioactive and coolant contained waste which is very dangerous and harmful . We’re proud that it looks clean, runs on phones, and helps protect the environment also it provides the location of recycling and dumping which gonna definitely help the humankind and the planet earth .

What we learned

i learned how to combine multiple AI models, make a PWA work offline, and deploy a web app using Cloudflare Pages. but couldn't implement as I wanted cause I have limited amount of time and I was working solo. i also realized how technology can create real environmental impact and increase the human productivity .

What's next for ecoscan-AR

i plan to add barcode scanning, more AI categories, more deeply trained ai or I will be training and a map that shows nearby recycling or disposal centers, also i also want to add the leaderboard and community give event where organizations can organize for the place which keeps the place clean and bring unity among the community also what I want to add In the future, we’d love to gamify it — rewarding users for making eco-friendly choices.

Built With

• and-tailwind-css
• cloudfare
• css
• gemini
• github
• googlevisionapi
• gpt5
• html
• javascript
• react
• tensorflow
• typescript