Mobile Web App

Fitness Tracker App

A coach in your pocket, no install required.

Year
2024
Duration
8 weeks
Role
Front-end + PWA
Status
Case study
Fitness Tracker App
Overview

An independent coach was juggling spreadsheets, a Notion database and a chat app to follow forty clients. We replaced all of it with a single, installable PWA that works offline at the gym and syncs the moment the connection is back.

Animations are intentionally calm — the app is used between sets, not to entertain.

Challenges
  • 1

    Make logging a set faster than typing it into Notes.

  • 2

    Keep the UI usable with sweaty fingers on a 5-inch screen.

  • 3

    Sync data reliably from the gym's basement Wi-Fi.

What was built
📲

Installable PWA

Add to home screen on iOS and Android — full-screen, splash screen, offline.

⏱️

One-tap set logging

Big targets, haptic feedback, automatic rest timer between sets.

📈

Progress charts

Volume, 1RM and streaks plotted from your own history — no comparisons to strangers.

🔌

Offline first

Workouts queue locally and sync the moment the device is online again.

Tech stack
Next.js 16Service WorkersIndexedDBSupabaseChart.jsTailwind CSS v4
Results
120K+
Workouts logged
73%
7-day retention
42 min
Avg. session length
Gallery
Workout logging — between sets
Workout logging — between sets
Progress charts
Progress charts
Coach view — client roster
Coach view — client roster

Have a project in mind?

I help small teams ship polished, performant web products. Tell me what you are building.