BatuWorkout Class Booking preview 1

BatuWorkout Class Booking

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

App DraftBusiness AppAvailableRp 80.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)
DemoBuyBuy · Lynk.idRp 80.000

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.

What Already Works

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

What's Included

  • 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

How to Run

  1. Unzip the source and run npm install.
  2. Copy .env.example to .env.local.
  3. Run npm run dev and open http://127.0.0.1:3000 — no database setup needed, every page renders from static/mock data.
  4. 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.

Continuation Notes

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

Known Limitations

  • 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
Preview of Personal Finance Tracker
App DraftBusiness AppAvailable

Personal Finance Tracker

Half-built but running web app draft for tracking personal income, expenses, and simple cashflow habits.

Vite 6React 19Express 4TypeScriptTailwind CSS 4+3

Rp 69.000

Preview of POS Cafe
App DraftBusiness AppAvailable

POS Cafe

Starter app draft for a small online shop or POS workflow with enough structure to continue from.

Next.js 16 (App Router)React 19TypeScriptPrisma 7 + PostgreSQL (Neon)iron-session+4

Rp 69.000

Preview of AlHijrah Islamic Digital Ecosystem
App DraftBusiness AppAvailable

AlHijrah Islamic Digital Ecosystem

Full-stack Islamic super-app draft: Qur'an, prayer times, Qibla, mosque finder, Zakat/inheritance calculators, donations, and a marketplace across five main menus.

Next.js 16React 19TypeScriptadhan (prayer calculation)maplibre-gl+2