Inspiration
I wanted to create a simple AI tool that helps people identify waste and dispose of it correctly.
What it does
CleanSnap AI scans waste images and gives information about the waste type, recycling, disposal, environmental impact, and reuse ideas.
How I built it
I built it using React, TypeScript, Vite, Tailwind CSS, and Google Gemini AI. I also added scan history and an impact dashboard.
Challenges I ran into
I faced problems with the Gemini API, especially API limits and availability. I added Demo Mode so the app can still work when AI is unavailable.
Accomplishments I'm proud of
I built a complete working AI waste scanner with a clean interface and useful features.
What I learned
I learned how to integrate AI into a web application, handle API errors, and build a better user experience.
What's next for CleanSnap AI
I want to improve the accuracy, add more waste types, and provide location-based recycling information.
Built With
- css
- html
- javascript
- react
- tailwind
- typescript
- vite
