Technology Apr 19, 2026 · 2 min read

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

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 colle...

DE
DEV Community
by Setiaji
I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact 🌱

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)

GitHub logo 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.

DE
Source

This article was originally published by DEV Community and written by Setiaji.

Read original article on DEV Community
Back to Discover

Reading List