fitness · 2024 · Frontend Developer

▌

A comprehensive fitness platform connecting clients with coaches. Features coach booking system, custom training calendars, goal tracking, real-time messaging, and in-app currency (Fitr Coins) for premium features and coach communication.

Next.jsTypeScriptChakra UISWRFITNESS2024FRONTEND DEVELOPERNext.jsTypeScriptChakra UISWRFITNESS2024FRONTEND DEVELOPER

The problem

What we were up against.

Every build has friction. These were the constraints worth designing around.

Building intuitive booking calendar for trainer schedules

Managing dual user roles with different permissions and views

Implementing real-time chat with message notifications

Screens

scroll the build →

Tap any frame to zoom.

Under the hood

How it works.

Built custom calendar component with drag-and-drop booking
Implemented role-based routing and component rendering
Used SWR with real-time subscriptions for chat updates
Created Fitr Coins transaction system with balance tracking
Built search and filter system for coach/client discovery

Built with

Next.js
TypeScript
Chakra UI
SWR

01Next.js

02TypeScript

03Chakra UI

04SWR

My role

Frontend Developer on Fitr App.

Successfully launched platform connecting clients and coaches

Custom calendar system streamlined booking process

Clients & Coaches

User Types

Booking + Chat

Features

Fitr Coins

Currency

Stack

Tools that shipped this build.

Next.js
TypeScript
Chakra UI
SWR

Outcomes & next

What landed — and what's still on the list.

Real-time chat improved client-coach communication
Fitr Coins system monetized platform features effectively
Positive feedback on intuitive user matching system

Building something similar?

I ship web and mobile products — from UI polish to the unglamorous backend work that keeps them running.

Get in touch All projects