MapFit
A minimal running tracker built while living in Portugal. Designed to track my runs using cadence, distance, and location — all powered by simple web tech and Leaflet.
MapFit — A Simple Running Tracker
MapFit is a lightweight browser-based app that tracks physical activity — like running and cycling — using GPS, cadence, distance, and interactive maps rendered with Leaflet. Built as a personal tool, it focuses on simplicity, speed, and usability.
Why I Built It
While living in Portugal, I was running often and wanted a way to track my progress without relying on heavy apps or subscriptions.
✅ Purpose: Track daily runs with location + distance
🏃 Built to support a daily running habit abroad
🛠️ Used it personally to stay fit while traveling
How It Works
- 📍 Uses Geolocation API to track your real-time position
- 🗺️ Maps rendered with Leaflet.js, using OpenStreetMap tiles
- 📏 Calculates distance and cadence during the run
- ⚡ Fully built with Vanilla JavaScript and CSS — no frameworks
Runs directly in the browser with no login or install required. Everything is focused on simplicity and speed.
Tech Stack
| Layer | Tech Used |
|---|---|
| Frontend | Vanilla JS, CSS |
| Mapping | Leaflet.js + OSM Tiles |
| Tracking | Geolocation API |
| Dev Workflow | GitHub for version control |
What’s Next
I plan to use this as a base for more experiments in progressive web apps (PWAs) and fitness tracking. Potential future upgrades include:
- 📱 Mobile optimization
- 📊 Performance history and data export
- 🧪 Integration with wearable data
💡 This was a personal tool first — but it taught me how powerful simple tools can be when built for your own daily use.
Check it out live 👉 MapFit