BatuWorkout Class Booking
Workout class booking draft with public schedule pages, booking/member/admin screens, and manual-payment MVP direction.
Description
Frontend-first draft of a workout class booking website: schedule directory, class detail pages, a booking flow, manual bank-transfer payment instructions, a member QR check-in screen, and an admin overview. Dark brutalist visual style with a 7-language UI. Every screen is built and runnable, but the backend (Supabase) is drafted, not connected — the booking flow is a clickable demo that doesn't actually save anything.
Ce qui fonctionne déjà
- Home page with training tracks (strength, HIIT, boxing, mobility) and today's schedule
- Schedule directory with calendar and filters — daily, weekly, monthly, and timetable views
- 3 sample class detail pages
- Booking flow with manual bank-transfer payment instructions (clickable demo)
- Member dashboard with booking status and a real generated QR check-in code
- Admin overview with stats and recent activity (from mock data)
- 7-language UI (EN/ID/FR/ES/PT/ZH/AR) with Arabic RTL
Ce qui est inclus
- Full source code
- README and setup guide
- License
- AI-ready docs (67-page PRD, technical spec, deployment, design, brand, SEO, user flow docs)
- Drafted Supabase schema with row-level security
Comment l'exécuter
- Unzip the source and run npm install.
- Copy .env.example to .env.local.
- Run npm run dev and open http://127.0.0.1:3000 — no database setup needed, every page renders from static/mock data.
- To wire up real bookings: create a Supabase project, set NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY, and SUPABASE_SERVICE_ROLE_KEY, then run the included supabase/schema.sql.
Notes de continuation
- This is a draft, not a finished product — expect to need developer review before launch. Main remaining work is connecting the drafted Supabase backend.
Limites connues
- Frontend-only draft — the booking → payment → member flow is a clickable demo; no booking is actually created or saved
- Auth and role guards exist in the code but Supabase isn't connected, so every route is currently publicly accessible
- No database connected — the schema is drafted but the app never actually calls Supabase
- No real payment processing — manual-transfer instructions only
- QR check-in generates a real QR code, but there's no server-side validation of it yet
Brouillons similaires
Personal Finance Tracker
Half-built but running web app draft for tracking personal income, expenses, and simple cashflow habits.
Rute — Ride Hailing & Logistics Starter Kit
Gojek/GoCar/Lalamove-inspired ride hailing and logistics draft with real Customer, Driver, and Admin role workspaces.