DEV Community

Cover image for 🛠️ I Built My Own Workout Tracker App
Aditya Mali
Aditya Mali

Posted on

🛠️ I Built My Own Workout Tracker App

For months, I tracked my workouts meticulously using Obsidian — every rep, every set, every note.
But as time went on, the process got messy, hard to navigate, and impossible to analyze. No graphs, no trends, no structure.

So I did what most devs do when a tool doesn’t cut it:

I built my own app.

This post walks you through why I built it, what it does, and how it’s helping me (and now others) stay consistent and focused with training.

🔧 Tech Stack
Next.js
Vercel Blob Storage
Tailwind CSS
Chart.js

🧠 Why This App Exists
Obsidian is powerful, but for workouts... I needed:

Visual trends and stats

Auto-generated plans

A clean, distraction-free interface

Cloud syncing

A clear overview of what I’ve done and what’s next

So I built it from scratch — and it’s now my go-to fitness companion.

⚙️ Features (with Screenshots)
🗓️ Daily Workout Logging
Track exercises, sets, reps, and weights for every session.

✍️ Editable Weekly Routines
Want to change a workout? Just edit the plan! Add/remove exercises anytime.

Image description

🏋️ Built-In Exercise Library + Custom Support
Search, filter, and log from a full list of categorized exercises — or add your own.

Image description

📈 Per-Exercise Progress Charts
See how you’re performing over time with clean volume and strength graphs.

Image description

🔥 GitHub-Style Heatmap
Your workout consistency visualized in a beautiful 365-day heatmap.

Image description

📊 Weekly Consistency Score
Track how consistent you’ve been, week by week, in a simple graph.

Image description

⚖️ Weight Tracking & Goal Projection
Track body weight and estimate how long it'll take to hit your goal.

Image description

🍽️ Meal Planner & Macro Tracker
Plan your meals, log macros (protein, fat, carbs, fiber), and keep your diet aligned.

Image description

📋 Dashboard Summary
Today’s workout, nutrition stats, and consistency all in one place.

Image description

⚡ Automatic Workout Plans
Choose your preferred split — One Muscle/Day or Two Muscles/Day — and the app fills in your daily plan.(These are my plans which i follow you can edit if you want)

Image description

☁️ Cloud Sync + Full Portability
Data is stored securely with Vercel Blob. You can export or import all of it as JSON.

🧪 Demo Mode
Want to try it without signing up? Just log in with below creds and explore all features with preloaded data.

💬 Final Thoughts
I built this app out of pure necessity — but it turned into something I now use daily.
It’s helped me stay consistent, focused, and more aware of my training patterns.

If you’re a developer who lifts, or just love quantified self tools — give it a spin.
I'm actively adding features and would love your feedback!

🔗 Try the demo: https://workoutos.vercel.app/

Demo account for viewing complete UI and Data charts.
Username: demo
Password: demo

📬 Reach out: aditymal33@gmail.com

Nextjs #FitnessApp #WorkoutTracker #IndieDev #Vercel #DevJournal #BuiltThis

Top comments (0)