A real-time smart dustbin monitoring system that tracks fill levels of campus bins using IoT sensors and displays data via a responsive web dashboard.
🔗 Live Demo: ecoflowiot.netlify.app
📦 GitHub Repo: EcoFlowIoT
EcoFlowIoT is an IoT-powered solution designed to monitor the real-time fill levels of dustbins. Using IR sensors and Firebase Realtime Database, this system allows users to track bin statuses (Low, Medium, High, Full) on a sleek web dashboard built with HTML, CSS, and JavaScript.
This project was developed as part of an exploration lab initiative where hardware and software teams collaborated to integrate live data with a dynamic frontend interface.
- 📶 Real-time data fetching from Firebase Realtime DB
- 🟢 Status indicators for each bin (Low, Medium, High, Full)
- 🔄 Auto-refreshing data every 7 seconds
- 📱 Responsive design across devices
- 🌒 Dark theme with intuitive UI
- 📍 Individual bin detail pages with sensor readings
- Frontend: HTML, CSS, JavaScript
- Backend: Firebase Realtime Database
- Hardware: IR Sensors + ESP8266 microcontroller
- Deployment: Netlify
- 🔧 Hardware & Backend: IR sensor setup, ESP8266 programming, Firebase integration by teammate
- 🎨 Frontend: Dashboard design, auto-refresh logic, data mapping, styling and deployment by me