🌍 Inspiration

Waste mismanagement is a growing global issue, yet many people still struggle to identify how to dispose of everyday items correctly. This often leads to recyclable or organic waste ending up in landfills, causing pollution and environmental harm.

We were inspired to build a solution that is simple, intelligent, and accessible — one that can guide users instantly using AI, even in low-connectivity environments.


💡 What it does

EcoSort AI is an intelligent waste management system that helps users identify and properly dispose of waste using AI.

Users can:

  • Type, speak, or upload an image of waste
  • Instantly classify items as recyclable, organic, hazardous, or general
  • View decomposition time and disposal tips
  • Get DIY reuse ideas
  • See real-world environmental impact warnings
  • Earn eco-points and track their impact

🛠️ How we built it

We built EcoSort AI using:

  • HTML, CSS, JavaScript for a responsive and interactive UI
  • TensorFlow.js + MobileNet for real-time image classification directly in the browser
  • LocalStorage for storing eco-points, impact data, and user progress
  • Service Workers to enable offline functionality (PWA support)

The system uses a custom waste database with smart matching logic and aliases to map AI predictions to meaningful waste categories.


⚡ Challenges we ran into

  • AI Accuracy: MobileNet provides general labels, so mapping predictions to specific waste categories required custom logic
  • Offline Support: Ensuring smooth performance without internet using caching and service workers
  • Data Mapping: Building a meaningful waste database with correct categories, tips, and warnings
  • User Experience: Balancing multiple features (AI, voice, game, dashboard) while keeping the interface simple

🏆 Accomplishments that we're proud of

  • Successfully implementing on-device AI for waste detection
  • Building a fully functional PWA that works offline
  • Creating a multi-feature platform with voice input, image detection, and gamification
  • Adding real-world environmental awareness through dynamic warnings and impact tracking
  • Designing an engaging and modern UI with smooth interactions

📚 What we learned

  • How to integrate AI models in the browser using TensorFlow.js
  • The importance of user-centered design for real-world applications
  • Handling limitations of pre-trained models and improving them with logic
  • Building scalable and impactful solutions rather than just technical prototypes

🔮 What's next for EcoSort AI : Intelligent Waste Management System

  • Improve AI accuracy using custom-trained models
  • Integrate real-time data for nearby recycling centers
  • Add multi-language support for wider accessibility
  • Introduce community features for sharing eco-tips and reporting waste
  • Expand the database to cover more real-world waste items

Built With

  • browserbaseddeployment
  • css3
  • googlefonts
  • html5
  • javascript
  • localstorageapis
  • mobilenet
  • phosphoricons
  • pwa
  • tensorflow.js
  • webapis
Share this project:

Updates