Techtonic ID · Health & Fitness · SaaS · 2024 — Present
20FIT
Gym booking, run-event management and daily operations in one coherent system — across app and dashboard.
- Role
- Front-End Architect
- Sector
- Health & Fitness · SaaS
- Period
- 2024 — Present
01
Overview
20FIT runs three distinct jobs in a single product: booking gym classes, managing run events, and giving operators a dashboard for daily operations. Each has different users, different rhythms and different data — but they share one brand and one platform.
I architected the front-end so these experiences feel like one product: a shared design language across the React Native app and the Next.js web dashboard, with clean separation where the workflows genuinely differ.
02
Approach
- 01
Domain-separated modules
Booking, events and operations are separate modules with clear boundaries — each can evolve without destabilizing the others.
- 02
Shared booking kernel
Class and run-event bookings reuse one scheduling core, so capacity rules and cancellation flows behave the same everywhere.
- 03
Dashboard-first thinking
The operations dashboard is designed around the operator's daily loop — glance, act, confirm — with the state you need at the top.
03
Delivered
Member app
Class and event booking, schedules and bookings history on React Native.
Run-event system
Event creation, registration and live participant management.
Operations dashboard
Daily occupancy, bookings and admin actions in a high-density Next.js dashboard.
04
Selected views
05
Impact
- One product, three workflows — without three codebases.
- Members book and operators manage through consistent, predictable flows.