Skip to main content
← All starters

Free and open-source starter

React Coach Starter

Launch a white-label coaching app for strength coaches and clients. Explore the working demo, then connect Workout API when you are ready to go live.

Open source · MIT license · GitHub repository

  • React 19
  • TypeScript
  • Vite
  • Tailwind CSS
  • Express
  • Prisma
  • PostgreSQL
  • Workout API SDK
Coach dashboard showing clients, training activity, assigned programs and recent sessions

Inside the starter

See the product before you clone it

Real screens from the included demo, showing the coach and client experience.

Your coaching command center

See your clients, programs and recent sessions at a glance, then jump straight into the work that matters.

Programs ready to assign

Build structured training and give each client a clear plan they can follow from day one.

A clear path for every client

Keep assigned workouts, recent activity and progress easy to find in the client dashboard.

Choose the next session

Clients can pick a training day, see its exercises and review their recent sessions before they begin.

Stay on track through every exercise

The training flow shows what is done, what comes next and where to record each set.

Guided training on mobile

Clients can move through their session and record reps and weight from their phone.

Progress with useful context

Review completed sessions and exercise logs together when it is time to adjust the plan.

A coaching product you can make your own

React Coach Starter gives strength coaches and their clients a complete starting point. Coaches invite clients, build and assign programs, review training, and keep conversations close to the work. Clients follow their plan, log sessions, track progress, and message their coach.

The interface is responsive, with light and dark modes. Change the name, logo, language defaults, theme and support details in one brand configuration file.

See it working before you connect anything

Start in demo mode with fictional data. You can explore both coach and client workspaces without an account, database, or API key. When you are ready, switch to live mode: Workout API powers the exercise catalog and program generation, while PostgreSQL stores users, assignments, training history and messages.

Try the online demo

before cloning the starter.

What is included

  • Coach and client authentication with private invitations.
  • Program generation and assignment.
  • Users can follow guided workouts and log sessions directly in the app.
  • Progress timelines and exercise evolution.
  • Messaging and optional email notifications.
  • A server-side integration with the official @workoutapi/sdk.
  • A technical guide covering setup, branding, deployment and testing.

Get started locally

You need Node.js 22+ and pnpm 10. Clone the repository, then run:

git clone https://github.com/WorkoutAPI/react-coach-starter.git
cd react-coach-starter
corepack enable
pnpm install
cp .env.example .env
pnpm db:generate
pnpm dev

Open http://localhost:3000 to explore the demo. The included README and docs/REFERENCE.md explain how to connect PostgreSQL and your Workout API key for live mode.

React Coach Starter is free and open source under the MIT License, including commercial use and rebranding. The Workout API service and its data are governed separately by your account and service terms.