BBH Coach OS — Product Hero

Premium Desktop-OS fuer Coaches

BBH Coach OS — das vollständige Business-System für Personal Trainer

Aus dem Excel-zu-Kalender-Tool ist eine native Windows-Desktop-Anwendung geworden: Mitglieder, Pläne, Kalendergenerierung, wöchentliche Check-ins, Finanzen und ein gamifiziertes Ranking-System — alles in einem einzigen offline-fähigen Installer, gebaut mit Electron, Next.js 15 und TypeScript.

Projektüberblick

Vom Wochenend-Skript zur nativen Coaching-Software

Die erste Version dieses Projekts — weiterhin im Portfolio — war ein einzelnes Tool, das aus einem Excel-Sheet eine Google-Calendar-Woche erzeugt hat. BBH Coach OS nimmt denselben Workflow ernst und löst ihn von Anfang bis Ende: sieben funktionierende Module, eine kuratierte Food- und Übungsdatenbank mit Live-Makro-Berechnung, Excel-Import und ein dauerhaft persistierter Datenbestand — ausschließlich lokal, ohne Cloud.

7 Module Ein Produkt

Dashboard, Mitglieder, Pläne, Kalender, Check-ins, Finanzen, Rankings — vollständig verkabelt.

Native Windows-Installer

Electron 33 + Next.js 15 in einem NSIS-Installer (~156 MB). Doppelklick und starten.

Offline Lokaler Datenbestand

Zustand-Store mit localStorage-Persistierung. Kein Cloud-Sync, kein externer Service.

Excel Import & Export

SheetJS erkennt Diet- vs. Workout-Layouts automatisch. Templates direkt aus der UI ladbar.

Workflow

Vom neuen Mitglied bis zur fertigen Trainingswoche

Statt zwischen Excel, Notizen, Messenger und Kalender hin- und herzuwechseln, bildet die App den gesamten Wochenzyklus in einer Oberfläche ab. Jeder Schritt ist eine eigene Ansicht, alle teilen denselben Store.

  1. 01 Mitglied anlegen

    Profil, Maße, Ziel, Abostatus und Coach-Notizen. Ein eindeutiger BBH-Code wird automatisch vergeben.

  2. 02 Plan bauen oder importieren

    Diet- oder Workout-Plan im Wochen-Editor erstellen — oder einen Excel-Plan importieren und benennen.

  3. 03 Plan zuweisen

    Plan einem Mitglied zuweisen. Vorhandene Zuweisung wird atomar gelöst, Zähler in beiden Plänen aktualisiert.

  4. 04 Kalenderwoche erzeugen

    Diet + Workout kombinieren, Vorschau prüfen, Kalenderdateien pro Mitglied oder im Batch generieren.

  5. 05 Check-in reviewen

    Wochenresultate, Adherence, Stimmung und Foto-Belege ansehen, mit Quick-Reply-Vorlagen Feedback senden.

  6. 06 Business überblicken

    Finanzen, Zahlungsstatus, Ausgabenkategorien und das gamifizierte Ranking aller Mitglieder im Blick.

Coach Dashboard mit KPIs, Top-Performern, Profit-Chart und Monatsziel

01 / Coach Dashboard

Der Morgenblick — KPIs, Top-Performer und Monatsziel auf einen Blick

Vier KPI-Kacheln oben (aktive Mitglieder, neu diesen Monat, offene Zahlungen, Check-ins der Woche), darunter ein Live-Leaderboard der Best-Performer mit Score, Adherence und Streak. Im unteren Bereich ein 12-Monats-Profit-Chart und ein Radial mit dem Monatsziel — alles live aus dem Store gerechnet.

4 KPI-Kacheln Top performers Profit chart · 12 Monate Monatsziel-Radial CSV-Export
Mitgliederliste mit Status, Plaenen, Score und MRR

02 / Mitgliederverwaltung

Volle CRM-Tiefe — Liste, Profil, Verlauf und Coach-Notizen

Die Mitgliederliste ist eine echte Arbeitstabelle: filterbar nach Status (active · pending · overdue · paused), durchsuchbar nach Name, Code oder E-Mail. Ein Klick öffnet das Detailprofil mit historischer Körperzusammensetzung, Adherence-Verlauf pro Woche, zugewiesenen Plänen, Abrechnungsstatus und frei beschreibbaren Coach-Notizen.

4 Statusfilter BBH-Codes MRR pro Mitglied Add · Edit · Delete CSV-Export
Detailprofil ansehen

Im Detailprofil sieht der Coach den gesamten Verlauf des Mitglieds: Gewicht und Körperfett seit Woche 1, Adherence-Trend pro Woche, Goal-Progress-Bar, aktuelle Pläne und Coach-Notizen — alles in einer Ansicht.

Plan-Bibliothek mit Diet- und Workout-Plaenen, Makros und Templates

03 / Plan-Bibliothek & Editor

Der Plan-Editor mit Live-Makro-Berechnung

Diet- und Workout-Pläne leben in derselben Bibliothek. Jeder Plan öffnet einen Tag-für-Tag-Editor (Mo–So), in dem der Coach Food aus einer kuratierten Datenbank wählt, die Menge eingibt — und die App Kalorien sowie Makros sofort berechnet. Neue Foods können jederzeit hinzugefügt werden, mit eingebautem Google-Lookup. Workout-Pläne folgen demselben Muster mit Sätzen, Wiederholungen, Intensität und Tempo.

~40 kuratierte Foods ~50 kuratierte Übungen Live-Makros Excel-Import Templates Eigene Foods hinzufügen
Editor & Lebensmitteldatenbank ansehen

Der Edit-Dialog zeigt sieben Tag-Tabs mit der jeweiligen Mahlzeitenanzahl. Pro Mahlzeit werden Foods aus der Datenbank gepickt; Gesamtwerte (Kalorien, Protein, Kohlenhydrate, Fett) rechnen sich live hoch und gleichen sich gegen das Tagesziel ab.

Kalendergenerierung mit Diet- und Workout-Auswahl und Wochenvorschau

04 / Kalender-Generierung

Ein Diet-Plan + ein Workout-Plan = eine teilbare Woche

Die DNA des Vorgängerprojekts — nativ neu gebaut. Der Coach kombiniert einen Diet- und einen Workout-Plan, sieht sofort alle Mitglieder, die genau dieser Kombination zugewiesen sind, kann die Woche tagesgenau in der Vorschau prüfen und dann Kalenderdateien pro Mitglied oder im Batch erzeugen. Zahlungsfälligkeiten werden gleichzeitig als Events eingebaut.

Diet + Workout pairing Eligible-clients preview Tagesweise Vorschau 90-Tage-Payments Batch-Generierung
Check-ins mit Adherence-Bars, Stimmung und Coach-Feedback

05 / Check-ins

Wochenresultate reviewen und Feedback geben

Jede Woche sortiert die App neue Submissions in die Tabs Submitted · Reviewed · Missing. Pro Eintrag zeigt sie Gewicht, Körperfett und Muskelmasse, zwei Adherence-Bars (Diet & Workout), Stimmung, Coach-Notizen des Mitglieds und Foto-Belege. Der Feedback-Dialog enthält Quick-Reply-Vorlagen für die typischen Antworten und markiert den Eintrag mit dem Senden automatisch als reviewed.

3 Status-Tabs Adherence-Bars Stimmung & Kommentar Photo proofs Quick replies Vergleich zur Vorwoche
Finanzen mit Revenue, Expenses, Monatsziel und Zahlungstabellen

06 / Finanzen

Wo das Coaching-Business tatsächlich lebt

Eine vollständige P&L-Oberfläche: KPIs für Monatsumsatz, -kosten und Nettogewinn, ein 12-Monats-Verlauf als Area-Chart, ein Monatsziel-Radial, eine kategorisierte Aufschlüsselung der Ausgaben (Marketing, Equipment, Software, Miete, Gehälter, Sonstiges) sowie zwei Tabellen für aktuelle Rechnungen und Ausgaben — jede mit schnellem Hinzufügen, Löschen und Inline-Statuswechsel (paid · pending · overdue · refunded).

Revenue · Expenses · Net 12-Monats-Chart Monatsziel-Radial Kategorien-Split Inline-Status CSV-Export
Zahlungen & Ausgaben im Detail

Beide Tabellen leben nebeneinander — links die letzten Rechnungen mit Kunde, Status und Betrag, rechts die laufenden Ausgaben mit Kategorie, Anbieter und Datum. Inline-Aktionen halten den Coach im Flow.

Rankings mit Podium und Leaderboard

07 / Rankings

Die Engagement-Schicht — Podium und Leaderboard

Coaches halten Mitglieder länger, wenn diese sich selbst aufsteigen sehen. Die Rankings-Seite zeigt ein Podium der besten drei und ein vollständiges Leaderboard, sortiert nach Transformation, Adherence und Streak. Tabs wechseln zwischen Overall, Weekly, Monthly und Transformation. Jede Zeile ist nachvollziehbar — die Komponenten des Composite-Scores werden direkt nebeneinander angezeigt.

Top-3-Podium 4 Ranking-Modi Transformation, Streak, Adherence Ziel-Label pro Mitglied

Unter der Haube

So ist BBH Coach OS gebaut

Ein standalone Next.js-Server läuft als Child-Prozess in einer Electron-Shell, das ganze in einen einzigen Windows-Installer gepackt. Der gesamte Zustand bleibt auf dem Gerät — kein Account, keine Cloud, kein Netz nötig.

  1. Shell Electron 33

    Der Main-Process startet den Next.js-Server, wartet auf den Health-Check und lädt ihn in eine chrome-lose BrowserWindow.

  2. Web Next.js 15 + TypeScript

    App-Router, TypeScript strict, Tailwind mit CSS-Variablen, Framer Motion für Transitions, Recharts für Diagramme.

  3. State Zustand + localStorage

    Ein einziger Store mit persist-Middleware. Hydration nach Mount via StoreHydrator-Provider, kein SSR-Mismatch.

  4. Datenbank Kuratierter Seed

    ~40 Foods und ~50 Übungen ausgeliefert, abgeleitet aus einem realen BuiltByHima-Plan und gängigen Gym-Foods.

  5. Import SheetJS

    xlsx-Parser erkennt Diet- vs. Workout-Layouts anhand der Spalten und mappt direkt in die Wochen-Struktur.

  6. Packaging electron-builder

    NSIS-Installer und Portable-Build (~156 MB), Code-Signing optional — baut sauber ohne externe Signatur-Infrastruktur.

Screens

Jede Oberfläche der Anwendung

Klick auf eine Vorschau öffnet das Bild in voller Auflösung.