Personal Trainer Management Platform
B2B SaaS-Plattform für Personal Trainer (Kunden- & Trainings Management)
Tech Stack
Beschreibung
Die Anwendung wurde als vollwertige B2B SaaS-Lösung konzipiert mit zwei getrennten Portalen:
Admin-Portal (Trainer):
- Vollständiges Kundenmanagement mit Profilen, Kontaktdaten und Trainingsstatus
- Intelligenter Plan-Editor mit Drag-and-Drop für Übungen
- Template-Bibliothek für wiederverwendbare Trainings- und Ernährungspläne
- Automatische PDF-Generierung für Rechnungen und Angebote - Dashboard mit KPIs und Analytics
- Terminkalender für Konsultationen
Client-Portal (Kunden):
- Responsive Mobile-App für Zugriff auf persönliche Trainingspläne
- Ernährungspläne mit Einkaufslisten und Rezepten
- SMART Goals Tracking mit Fortschrittsvisualisierung
- Kommunikationskanal mit Trainer - Trainings-Tagebuch
- individuellen Trainingsplänen & Tracking (Tag/Woche)
Technische Architektur
Die Anwendung nutzt Next.js 15 mit App Router für Server-Side Rendering und API Routes. Supabase (PostgreSQL) dient als Backend mit Row-Level Security für mandantenfähige Datenisolation.
JWT-basierte Authentifizierung mit Argon2 Password Hashing gewährleistet höchste Sicherheit.
Besondere Herausforderungen waren: - Multi-Tenant-Architektur mit strikter Datentrennung zwischen Trainern
- Komplexe Plan-Erstellung mit Template-System und Personalisierung - PDF-Generation sowohl client-side als auch server-side
- Real-time Updates zwischen Trainer und Client
Business Impact
Die Plattform ist live unter karsten-gerth.de und wird aktiv von Personal Trainern genutzt. Feedback zeigt eine Zeitersparnis von 80% bei administrativen Aufgaben.
Funktionen
Intelligentes Template-System
Wiederverwendbare Trainings- und Ernährungsplan-Vorlagen mit 1-Klick-Zuweisung an Kunden. Spart Trainern durchschnittlich 2 Stunden pro Woche bei der Plan-Erstellung.
Automatische PDF-Generierung
Rechnungen und Angebote werden automatisch formatiert und als professionelle PDFs exportiert. Inklusive automatischer Nummerierung, Kundendetails und Zahlungsbedingungen.
SMART Goals Framework
Strukturierte Ziel-Definition nach SMART-Prinzip (Specific, Measurable, Achievable, Relevant, Time-bound) mit visueller Fortschritts-Verfolgung und regelmäßigen Check-ins.
Echtzeit-Dashboard & Analytics
KPI-Übersicht mit aktiven Kunden, zugewiesenen Plänen, anstehenden Terminen und Umsatz-Metriken. Visualisierung durch Recharts für datengetriebene Entscheidungen.
Herausforderungen
Multi-Tenant-Architektur
Die größte Herausforderung war die Implementierung einer sicheren Multi-Tenant-Architektur, bei der jeder Trainer nur seine eigenen Kunden und Daten sehen kann. Dies wurde durch Supabase Row-Level Security Policies gelöst, die auf Database-Ebene die Datenisolation garantieren.
PDF-Generation
Die Anforderung war PDF-Export sowohl für Trainer (Desktop) als auch für Kunden (Mobile). Dies erforderte zwei separate Implementierungen: @react-pdf/renderer für server-side Generation und html2pdf.js für client-side Export. Die Herausforderung bestand darin, ein einheitliches Design für beide Ansätze zu gewährleisten.
Template-System & Plan-Erstellung
Die Erstellung eines flexiblen Template-Systems, das sowohl vordefinierte Übungen als auch individuelle Anpassungen erlaubt, erforderte komplexe State-Management-Logik. Die Lösung war ein hierarchisches Datenmodell mit Plan-Templates, die als Basis dienen und bei Zuweisung personalisiert werden können.
Real-time Updates
Für das Client-Portal mussten Änderungen am Trainingsplan in Echtzeit sichtbar sein. Dies wurde durch Supabase Real-time Subscriptions gelöst, die bei jeder Datenbank-Änderung automatisch Events an verbundene Clients senden.
Ergebnisse
Deployment Linux Server - Docker Image
Learnings
- →Multi-Tenant-Architektur
- →Supabase Real-time Subscriptions
- →Mobile-First Approach
- →Complex State Management bei verschachtelten Plan-Strukturen
- →Email-Integration mit RESEND Api
Galerie
