This is a submission for Weekend Challenge: Earth Day Edition
What I Built
Many people want to help the environment, but don’t know how to measure their daily impact.
With Earth Day approaching, I wanted to build something simple yet meaningful—an app that encourages small daily actions that collectively make a real environmental impact.
So I created OxyTrack, a lightweight micro climate impact tracker that helps users:
🌳 Track tree planting activities
🚶 Log low-carbon commuting (walking & cycling)
⚡ Build daily eco-friendly habits with a streak system
The goal is to show that small, consistent actions at an individual level can contribute to a healthier environment, especially within our own neighborhoods.
Instead of focusing on complex global systems, OxyTrack focuses on local, personal impact—making sustainability feel achievable and motivating.
Demo
🌐 Live App:
https://oxytrack.ajitekom.my.id/
🌐 Screen Recording :
You can:
Add daily activities (tree planting, commute, eco habits)
See your total environmental contribution
Track your daily streak
Code
The project is built using a simple and lightweight stack:
- PHP Native (no framework)
- MySQL
- Vanilla JavaScript
- Progressive Web App (PWA)
How I Built It
I intentionally kept the architecture simple to make the app fast, accessible, and easy to deploy.
🧱 Backend
Built using native PHP without any framework
Simple structure with minimal files (index + input form)
MySQL used to store activity data
📊 Core Logic
Tree impact:
Estimated oxygen production per tree
Commute tracking:
CO₂ reduction based on distance walked or cycled
Daily streak:
Encourages consistent eco-friendly habits
🎨 Frontend
Mobile-first design
Clean card-based layout
Soft green-blue color palette to reflect environmental theme
Lightweight CSS (no external libraries)
📱 PWA Support
Added manifest.json for installable experience
Basic service worker for offline capability
💡 Key Decision
To keep the app lightweight and achievable within a weekend, I intentionally did not implement authentication and designed it as a single-user experience.
This allowed me to focus on:
- Core functionality
- User experience
- Fast deployment
Prize Categories
I am submitting this project as a general entry (not targeting a specific category), focusing on:
- Simplicity
- Real-world relevance
- User engagement through small daily actions
OxyTrack is built on a simple idea:
Big environmental impact starts from small daily habits.
Even planting one tree or choosing to walk instead of driving can make a difference.
🌍 Small steps, big impact.
This article was originally published by DEV Community and written by Setiaji.
Read original article on DEV Community