Team
Developed by Your Name and collaborators who are passionate about community-led waste solutions.
- Your Name — UX, front-end build, content
- Teammate 1 — Visual design, accessibility review
- Teammate 2 — Data structuring, QA walkthroughs
Project overview
About EcoAware
EcoAware is a responsive, client-side portal that educates users about four waste streams, reinforces knowledge with an interactive quiz, collects demo reports, and provides a printable awareness poster — all powered by HTML, CSS, and vanilla JavaScript.
Tech stack
Built with semantic HTML, modern CSS (flexbox, grid, custom properties), and vanilla JavaScript modules.
- localStorage for persistence
- Intersection Observer for micro-animations
- Accessible modals, focus traps, keyboard navigation
Sources & references
Data and guidelines referenced from reputable programmes shaping waste management policy.
- MOEF
- CPCB
- Swachh Bharat Mission
- Grassroots NGOs working on circular economy initiatives
Future scope
- Connect report submissions to a backend with role-based dashboards.
- Embed maps for geotagged issues and routing.
- Add multilingual content and voice-over support.
- Incorporate authentication and analytics to track engagement.