Live Demo: https://vinanthi07.github.io/Smart_Sustainability/
This repository contains a fully interactive, front-end prototype demonstrating cutting-edge solutions for sustainable urban living.
It focuses on food management, waste minimisation, and water sustainability, using real-time browser features to simulate smart city operations.
- Donors can upload food items with quantity and freshness timer.
- Live interactive map shows donor location using browser geolocation.
- Freshness timers auto-update and remove expired items.
- Receivers can view available food items in real time and “claim” them.
- Demonstrates real-time problem-solving for food waste reduction.
- Camera access opens reliably in-browser for waste monitoring.
- Waste type can be manually selected (Plastic / Organic / Metal).
- Illegal dumping alerts with geolocation capture.
- Highlights smart urban cleanliness solutions and automated reporting.
- Users can register apartments or business locations.
- Rain prediction simulation shows smart water harvesting.
- Smart tank monitoring linked to registered locations.
- Demonstrates efficient use of rainwater and greywater recycling.
- HTML, CSS, JavaScript – Front-end development
- Leaflet.js + OpenStreetMap – Interactive live maps
- Browser Geolocation API – Donor & dumping location tracking
- Camera API (getUserMedia) – Waste monitoring simulation
- Fully front-end, deployable on GitHub Pages
- Open the live demo link above, or deploy locally via
index.html. - Allow camera and location permissions in your browser.
- Navigate to the module you want to explore:
- Surplus Food: Upload items, see map markers, monitor freshness.
- Waste Management: Open camera, select waste type, report illegal dumping.
- Water Sustainability: Register location, simulate rain prediction, check smart tank.
- Observe real-time updates and interactions across modules.
- Front-end engineering for interactive real-world prototypes
- Real-time geolocation and map integration
- Camera and timer-based dynamic simulations
- Modeling sustainable urban systems without backend infrastructure
- Full ML-based automatic waste detection
- NGO verification and login system
- Real-time alerts via SMS or WhatsApp
- Centralized dashboard for city administrators
Vinanthi Manohari V
Usha H
Vidyashree S Y
– First-Year Engineering Students
This project demonstrates front-end engineering excellence and practical sustainability solutions, combining interactive design, real-time updates, and smart urban concepts in a deployable prototype.
“This prototype showcases how technology can bridge the gap between smart urban planning and real-world environmental sustainability.”