Gym management dashboard
FitTrack
Gym management, without the spreadsheet.
- Role
- Solo · front end & design system
- Focus
- Web · Product
- 8
- routes
- 0
- UI dependencies
- 194 kB
- gzipped
- 2
- themes
Overview
An admin dashboard that answers “how is my gym doing right now?” — members, memberships, attendance, trainers and payments — built as a single-page React app with a hand-authored design system and zero UI dependencies.
What it does
- Dashboard KPIs derived from live data — nothing hardcoded
- Members with full CRUD, compound filtering and drill-through detail views
- Plans as first-class entities with live member counts
- Daily attendance roster with optimistic toggles
- Dual-theme token system that re-themes the charts too
Engineering decisions
01
A design system authored from scratch
Every component sits on a CSS custom-property token layer — knowing how a design system works matters more than importing one.
02
Scope, stated honestly
A complete front end on an isolated in-memory data layer, so swapping in a REST or Supabase backend is a provider-level change.
Stack
- Frontend
- React 19ViteReact RouterRecharts
- Design
- CSS design tokensDual themeNo UI kit