I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact 🌱

Setiaji — Sun, 19 Apr 2026 06:21:26 +0000

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 :

oxytrack.mp4 - Google Drive

drive.google.com

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)

ajitekom / oxytrack

OxyTrack: Turning Daily Habits Into Real Environmental Impact

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.

DEV Community: Setiaji

I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact 🌱

oxytrack.mp4 - Google Drive

ajitekom / oxytrack

OxyTrack: Turning Daily Habits Into Real Environmental Impact