Portfolio
SanaBalance.ch – Massage-Plattform
Umfassende Buchungsplattform für die therapeutische Massagepraxis SanaBalance.ch. Das Projekt nutzt Monorepo-Architektur mit Turborepo und bietet separate Anwendungen für Kunden und Administratoren sowie ein fortgeschrittenes Buchungsverwaltungssystem.
Live-Demo ansehenHauptfunktionen
Fortgeschrittenes Buchungssystem
Vollständiger Buchungsablauf mit Auswahl von Service, Datum, Zeit und automatischer Benutzerauthentifizierung
Admin-Panel
Geschütztes Panel zur Verwaltung von Terminen, Verfügbarkeit, Dienstleistungen und Benutzerprofilen
Monorepo-Architektur
Turborepo mit separaten Anwendungen (Web, Admin) und gemeinsam genutzten Paketen (UI, Core)
Benutzerverwaltung
Benutzerauthentifizierungssystem mit sicherer Zugriffsverwaltung
Responsives Design
Elegantes Design-System mit Sana Balance-Palette (Cream, Beige, Brown, Gold)
Hohe Leistung
Server-Side Rendering, Bildoptimierung und gemeinsam genutzte UI-Komponenten
Technologie-Stack
Über das Projekt
SanaBalance.ch ist eine fortgeschrittene Buchungsplattform, die speziell für eine therapeutische Massagepraxis entwickelt wurde. Das Projekt nutzt moderne Monorepo-Architektur mit Turborepo, was effizientes Management mehrerer Anwendungen und gemeinsam genutzter Pakete in einem Repository ermöglicht.
Die Plattform besteht aus zwei Hauptanwendungen: einer Webanwendung für Kunden und einem Admin-Panel für den Praxisinhaber. Beide Anwendungen teilen gemeinsame UI-Komponenten und Geschäftslogik, was Konsistenz gewährleistet und die Entwicklung erleichtert. Das Buchungssystem wurde mit Supabase integriert und bietet Echtzeit-Terminverwaltung.
Das Design der Plattform wurde sorgfältig mit der dedizierten Sana Balance-Farbpalette (Cream, Beige, Brown, Gold) ausgearbeitet und schafft ein elegantes und beruhigendes Erscheinungsbild, das dem Charakter der Massagepraxis entspricht. Die Verwendung von Tailwind CSS und Radix UI gewährleistet Responsivität und Zugänglichkeit auf allen Geräten.
Das Projekt nutzt die neuesten Technologien: Next.js 16 mit App Router, TypeScript für Typsicherheit, TanStack Query für Server-State-Management und Supabase als Backend. Die Monorepo-Architektur mit Turborepo ermöglicht schnelle Builds und effizientes Code-Sharing zwischen Anwendungen.