BatuWorkout Class Booking

Name: BatuWorkout Class Booking
Brand: InMyDraft
Price: 17000 IDR
Availability: InStock

Workout class booking draft with public schedule pages, booking/member/admin screens, and manual-payment MVP direction.

App DraftAvailableBusiness AppRp 17.000BeginnerUpdated 2026-07-09Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS, QR code generation, Custom i18n (7 languages), Supabase schema (drafted, not connected)

عرض تجريبي

الوصف

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.

ما يعمل بالفعل

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

ما هو مُدرج

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

طريقة التشغيل

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.

ملاحظات المتابعة

This is a draft, not a finished product — expect to need developer review before launch. Main remaining work is connecting the drafted Supabase backend.

القيود المعروفة

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

App DraftBusiness AppAvailable