APEX
An AI-powered strength-coaching platform with a dark, editorial aesthetic.
APEX is an AI-powered fitness coaching SaaS — a production-grade web application that delivers personalized strength-training programs, real-time workout tracking and intelligent coaching insights. Built end-to-end with React, TypeScript, Tailwind CSS and Framer Motion, it wears a dark, editorial aesthetic inspired by Linear and Whoop, with a custom design system, 9+ responsive dashboard screens, Recharts data visualization and smooth motion interactions — a polished MVP that demonstrates senior-level UI/UX and front-end engineering.
- Analytics dashboard
- Conversational AI coach
- Exercise library
- Adaptive programs
- Custom design system
- Recharts data viz
Dashboard
A high-density analytics dashboard that serves as the athlete's command center — animated Recharts area charts for strength progress, weekly volume bar charts, a recovery-score ring gauge with SVG animation, a live session-streak counter, and an editorial 'Intel' banner with signal-line animation. The layout balances data density with clarity, turning complex fitness metrics into an intuitive, glanceable interface.
AI Coach
A real-time conversational coaching interface that simulates a personal-trainer relationship — an animated chat thread with typing indicators, contextual suggestion chips and a smart message composer. The AI persona delivers data-driven advice on rep ranges, load adjustments and recovery, so it feels like messaging an elite coach rather than a generic chatbot.
Exercise Library
A browsable, filterable exercise catalog with cinematic photography cards — hover-zoom imagery, muscle-group and difficulty badges, gradient overlays and smooth Framer Motion entrance animations. Live search and category filtering demonstrate both visual polish and functional UX for content-heavy interfaces.
My Program
A week-by-week training-program viewer with session cards, status indicators and an AI rationale panel. Each session shows exercise lists with sets, reps and loads, duration metadata and contextual CTAs (Start Session, View Recap, Preview), while a timeline of recent adjustments shows how the AI adapts the plan to recovery and performance — a complex, state-driven interface made clear.
More screens
Building something like this?
If your operation is running on scattered spreadsheets and chats, I can help you turn it into one calm, predictable system.
Book a call