Built for the DEV Weekend Challenge: Earth Day Edition
EcoTrack is a zero-dependency, single-file web app that helps you build and maintain planet-friendly habits β one small action at a time.
- Daily Check-in β Log eco habits with one tap. Streak tracking per habit.
- Progress Ring β Visual completion ring showing today's progress at a glance.
- Weekly Dashboard β 7-day heatmap showing your consistency over the week.
- Impact Charts β Tracks cumulative COβ saved, plastic avoided, energy saved, and water conserved.
- Daily Reminders β Browser notifications at your chosen time to keep you on track.
- Custom Habits β Add your own habits beyond the defaults.
- Persistent Storage β All data saved to localStorage, no account needed.
No build step. No dependencies. Just open the file.
git clone https://github.com/makendrang/ecotrack.git
cd ecotrack
open index.htmlOr host it instantly on GitHub Pages:
- Push to GitHub
- Go to Settings β Pages
- Set source to
mainbranch,/ (root) - Your app is live at
https://YOUR_USERNAME.github.io/ecotrack
- Vanilla HTML, CSS, JavaScript β no frameworks
- Google Fonts (Fraunces + DM Mono)
- localStorage for persistence
- Web Notifications API for reminders
- Built with assistance from GitHub Copilot
| Habit | Impact Category |
|---|---|
| Used reusable bag | Plastic |
| Chose public transport | Carbon |
| Ate plant-based meal | Carbon |
| Turned off unused lights | Energy |
| Carried reusable bottle | Plastic |
You can add any custom habit directly in the app.
ecotrack/
βββ index.html # Entire app β single file
βββ README.md
MIT β free to use, fork, and improve.
Made with π for Earth Day 2026