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)