DEV Community

Cover image for I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact ๐ŸŒฑ
Setiaji
Setiaji

Posted on

I Built OxyTrack: Turning Small Daily Habits Into Real Environmental Impact ๐ŸŒฑ

DEV Weekend Challenge: Earth Day

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.

Top comments (0)