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.

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

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.

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.