MarketplaceFitnessstudios und Gyms
Gym-App
Website und Buchungssystem für ein kleines Gym oder Fitnessstudio. Mitglieder wählen einen Tarif, das Studio schaltet ihn frei, sobald er bezahlt ist, und sie buchen ihre Kurse aus einem Kursplan für 14 Tage, der die freien Plätze zeigt. Das Team führt den Tag in einem Adminbereich: Anfragen zum Freischalten, die heutigen Kurse mit Check-in, der Wochenplan, Mitglieder und Tarife. Die Oberfläche gibt es auf Englisch und Rumänisch; Kurse, Coaches und Tarife werden einmal eingegeben, in der Sprache des Studios.
- In den Plänen Starter und Pro enthalten
- Eine exakte Kopie der ganzen Anwendung
- Frontend, Backend und Daten inklusive
- Ihre App zum Behalten und Ändern, in Ihrem eigenen Repository
- Mehrsprachig, für jedes Land, das Sie brauchen
- Seiten auf der Website
- 7
- Admin-Ansichten
- 7
- Backend-Workflows
- 10
- Datentabellen
- 8
- Tage Kursplan zum Buchen
- 14
Gemacht für
- Kleine Gyms und Fitnessstudios mit einem wöchentlichen Kursplan
- Box-, Cycling-, Yoga-, Pilates- und Kraftstudios mit begrenzten Gruppenkursen
- Studios, die an der Theke oder per Überweisung kassieren
- Agenturen, die für einen Fitnesskunden eine Buchungsseite bauen
Jede Ansicht
So sehen es Mitglieder und das Studio
Sieht aus wie ein Gym, nicht wie eine Vorlage
- Vollflächiges Hero-Bild mit Plakat-Headline und den Eckdaten des Studios
- Als Nächstes: die kommenden Kurse mit freien Plätzen und einem Buchen-Button
- Kurskacheln, Coaches in Schwarzweiß, die beim Darüberfahren farbig werden, und die Tarife
- FAQ und ein Besuchsbereich mit Adresse und Öffnungszeiten
1 / 7Hero der Startseite mit den Eckdaten des Studios
Vom Tarif zum Kurs
Jede Buchung prüft der Server
Gebucht wird nur mit aktivem Tarif, innerhalb des Wochenlimits und solange Plätze frei sind.
- Angefragt
- Aktiv
- Gebucht
- Teilgenommen
Das bekommen Sie
Die ganze Anwendung, eins zu eins
Website
- Startseite
- Kursplan
- Kurse
- Coaches
- Mitgliedschaften
- Konto, Anmelden und Konto erstellen
- Mein Training
Admin
- Heute
- Kursplan
- Mitglieder
- Mitgliedschaften
- Kurse und Coaches
- Tarife
- Einstellungen
Backend
- 10 Workflows für die Website, die Anmeldung, Buchungen, Mitgliedschaften und den Adminbereich
- 8 Tabellen: Nutzer, Einstellungen, Kursarten, Coaches, Termine, Buchungen, Tarife, Mitgliedschaften
- 5 Beispielkurse, 4 Coaches und 4 Tarife
Technologie
- React 18, Tailwind CSS, Komponenten im shadcn-Stil, Lucide-Icons
- Passwörter als Hashes gespeichert; Anmeldung mit signierten Tokens, die 7 Tage gültig sind
- Admin-Daten und Änderungen erfordern ein Admin-Konto, geprüft auf dem Server
- Mitgliedschaft, Plätze, Wochenlimit, Buchungszeitraum, Stornofrist und Check-in-Zeitpunkt werden auf dem Server geprüft
- Oberfläche auf Englisch und Rumänisch, mit Datum, Zahlen und Preisen im jeweils passenden Format
Im Adminbereich
Ändern, ohne Code anzufassen
- Name des Studios, Slogan, Adresse, Kontaktdaten, Währung, Zeitzone, Hinweisleiste und Öffnungszeiten
- Die Stornofrist und wie viele Tage im Voraus Mitglieder buchen können
- Jede Kursart, jeden Coach, jeden Tarif und jeden Kurs im Plan
Im Code
Schnell geändert und ganz Ihrer
- Die Headline und Einleitung der Startseite
- Den Bereich „Drei Schritte“
- Die Fragen und Antworten
- Die Einleitungen der Seiten
- Die Farben und Schriften
- Jeden Text der Oberfläche, in den Sprachdateien für Englisch und Rumänisch
Einrichtung
Sieben Schritte zu Ihrem eigenen Studio
Das brauchen Sie
- Ein Ubex-Konto, auf dem die Workflows und Tabellen der App laufen
- Eigene Fotos vom Studio und von den Coaches, online unter einer Webadresse
- Legen Sie Ihr eigenes JWT_SECRET an.
- Tragen Sie die Adresse der App in die erlaubten Origins der Workflows ein.
- Löschen Sie die Demo-Mitglieder, -Mitgliedschaften und -Buchungen aus den Tabellen.
- Veröffentlichen Sie die App auf einer Subdomain oder eigenen Domain.
- Erstellen Sie das erste Konto. Es wird zum Admin.
- Tragen Sie die Daten des Studios, die Zeitzone und die Buchungsregeln in den Einstellungen ein.
- Ersetzen Sie die Beispielkurse, Coaches und Tarife und legen Sie Ihren Kursplan unter Kursplan an.
Gut zu wissen
Was die App nicht kann
Besser jetzt wissen als später. All das können Sie selbst ergänzen: Den Code können Sie beliebig ändern.
- Keine Online-ZahlungMitglieder zahlen an der Theke oder per Überweisung, und das Studio schaltet den Tarif frei.
- Keine E-Mails oder SMSKeine Bestätigungen oder Erinnerungen, und Mitglieder erfahren nicht, wenn ein Kurs abgesagt wird.
- Kein Zurücksetzen des PasswortsWer sein Passwort vergisst, fragt an der Theke.
- Keine WartelisteIst ein Kurs voll, ist er voll.
- Keine ZehnerkartenKeine Guthaben: Tarife haben ein Wochenlimit oder sind unbegrenzt.
- Keine Drop-insZum Buchen braucht es ein Konto und einen aktiven Tarif.
- Kein automatischer KursplanKurse wiederholen sich nur, wenn sie mit „wöchentlich wiederholen“ angelegt werden, für bis zu 12 Wochen.
- Keine ErstattungenWird eine Mitgliedschaft gekündigt, bleiben bereits gebuchte Kurse gebucht.
- Kein Foto-UploadFotos von Kursen und Coaches werden per Webadresse eingebunden.
- Keine Bewertungen oder ExporteKeine Bewertungen von Mitgliedern und kein Datenexport.
- Ein Studio, eine WährungEin Studio und eine Währung.
- Wochen nach Datum gezähltWochenlimits laufen von Montag bis Sonntag nach Datum, nicht ab Mitternacht Ortszeit des Studios.
- Der allerletzte PlatzBuchen zwei Personen genau gleichzeitig den letzten Platz, ist das nicht atomar abgesichert.
- Inhalte in einer SpracheDie Oberfläche wechselt zwischen Englisch und Rumänisch, aber Namen und Beschreibungen von Kursen, Coaches und Tarifen, die Tarifleistungen und die Hinweisleiste werden einmal eingegeben, in der Sprache des Studios, und nicht übersetzt.
Alles in diesen Ansichten ist erfunden: Forge Studio, seine Adresse, E-Mail und Telefonnummer, die Coaches und Mitglieder, die Buchungen und die Umsatzzahlen. Die Fotos sind Platzhalter von Unsplash. Sie gehören nicht zur App, ersetzen Sie sie also durch Ihre eigenen.
Öffnen Sie den Kursplan Ihres Studios
Holen Sie sich eine exakte Kopie, setzen Sie Ihren Namen darauf und machen Sie sie zu Ihrer App.