EcoClassify: Smart Waste Classification App
Inspiration:
With growing concerns about climate change, waste mismanagement, and lack of public awareness around proper recycling, we wanted to build a tool that educates, empowers, and motivates users to take smarter actions around waste. Our inspiration stemmed from watching friends and family struggle with daily decisions like:
“Is this recyclable or not?”
I envisioned EcoClassify as a pocket environmental assistant — helping people make correct disposal choices with the help of intelligent image classification, rich guidance, and motivational impact tracking.
What it does
EcoClassify is a smart mobile app that helps users properly dispose of waste by using image-based classification and AI-powered guidance. By analyzing a photo of an item, the app identifies whether it’s recyclable, compostable, or landfill material and provides step-by-step disposal instructions. It also tracks the user’s environmental impact — like CO₂ saved — and motivates sustainable habits through progress stats and gamified achievements.
🛠️ How We Built EcoClassify– Step-by-Step:
- Planned the App Concept
- Defined core features: image classification, disposal guidance, impact tracking, and history.
- Designed the AI simulation logic for classifying waste items.
- Set Up the Development Environment
- Used React Native (v0.79.1) with Expo SDK (v53.0.0) for cross-platform mobile development.
- Chose TypeScript for type-safe coding and Expo Router for navigation.
- Built the UI & Navigation
- Implemented a tab-based layout using Expo Router.
- Designed modern UI with Lucide icons, Inter fonts, and StyleSheet styling.
- Integrated Camera & Media Access
- Used Expo Camera for capturing images and Expo Image Picker for gallery access.
- Handled permissions and added web fallbacks for browser support.
- Developed the AI Classification Engine
- Simulated multi-factor image analysis: keywords, materials, shape, and color.
- Applied weighted scoring and fallback mechanisms for reliability.
- Created Data Management Utilities
- Stored classification history using AsyncStorage.
- Defined structured data types with TypeScript interfaces.
- Built Feature Screens
- Classification Screen: Image input and result display.
- History Screen: Lists past classifications.
- Impact Screen: Shows environmental stats and progress.
- Added User Experience Enhancements
- Smooth animations, haptic feedback, loading states, and error messages.
- Guided camera frame and real-time processing indicators.
- Ensured Cross-Platform Compatibility
- Responsive design and platform detection logic for native vs web behavior.
- Graceful handling of permissions and device capabilities.
- Tested and Refined the App
- Debugged flows, optimized performance, and ensured a seamless user journey.
- Collected feedback for future improvements and scalability.
Challenges we ran into
Designing a realistic AI simulation that feels smart but runs locally. Handling platform-specific camera limitations in browsers. Creating a responsive, accessible UI that works on both Android and iOS. Simulating meaningful environmental impact metrics required research into carbon, water, and energy savings.
Accomplishments that we're proud of
EcoClassify isn't just an app—it’s a behavior-change tool. By offering guidance, visual motivation, and gamified feedback, it can help users: Reduce contamination in recycling streams. Understand the impact of proper disposal. Share awareness within their communities.
What we learned
Expo Router greatly simplified tab/stack navigation. TypeScript interfaces improved data safety and prevented bugs early. Building a simulated AI model taught us how multi-factor analysis mimics real machine learning models. Cross-platform camera support (especially on the web) taught us the importance of fallbacks and graceful permission handling.
What's next for EcoClassify
AI Upgrade: Integrate Google Vision API or a custom-trained TensorFlow model Barcode Scanning: Enable disposal advice for packaged goods Social Integration: Leaderboards, community challenges, and eco-achievements Web & Enterprise Expansion: Web-based portal, API for third-party use, school & business partnerships
Built With
- asyncstorage
- bolt
- exposdk
- react-native
- typescript
Log in or sign up for Devpost to join the conversation.