Disclaimer
Sutera Kasih Hall.
This website was built for the Bounty Challenge Kracked Devs as a responsive hall, venue, and event space booking web app demo. It focuses on the booking journey, venue discovery, admin review workflow, responsive usability, and polished implementation without direct payment integration.
Bounty Detail
Core bounty information, timing, reward, scope, and requirement list from the Kracked Devs challenge brief.
Kracked Devs| Info | Detail |
|---|---|
| Bounty title | BUILD A HALL / VENUE BOOKING WEB APP |
| Bounty brief | build a responsive web app for a hall, venue, or event space booking system. |
| Payment note | no payment integration is required. |
| Difficulty | INTERMEDIATE |
| Deadline | SUNDAY 26 APRIL 2026 1:00 PM MYT |
| Reward | RM500 |
| About | Build a responsive web app for a hall, venue, or event space booking system. No payment integration is required. Design and build a responsive hall or venue booking web app that feels practical, polished, and realistic. Users should be able to browse a venue, view important details, choose a date or time slot, and submit a booking request. Admins should be able to log in, review incoming bookings, and manage them through a simple dashboard. No direct payment integration is required for this bounty. Focus on the booking flow, responsiveness, usability, and overall polish. |
| Requirements |
|
Tech Stack
The main tools and libraries used to build the customer booking experience, admin workflow, Supabase integration, validation, and 3D planner preview.
Venues
The demo includes multiple Sutera Kasih venues so users can browse different hall styles, capacities, states, package pricing, and policy notes before submitting a booking request.
Venues in this app
Sutera Cinta
Sutera Cinta is a polished ballroom-style venue in Selangor, designed for elegant receptions, solemn occasions, and milestone celebrations that need a refined yet welcoming atmosphere.
Selangor | 80 - 320 guests
Sutera Rindu
Sutera Rindu brings a softer, more intimate hall experience in Johor, designed for engagement events, family gatherings, and community celebrations that need a warm yet welcoming atmosphere.
Johor | 60 - 260 guests
Sutera Pesona
Sutera Pesona offers a brighter, larger-capacity venue in Penang, designed for wedding receptions, annual dinners, and private functions that need a spacious yet polished atmosphere.
Pulau Pinang | 100 - 380 guests
Sutera Bahagia
Sutera Bahagia is a practical and elegant hall in Negeri Sembilan, designed for graduations, family receptions, and private functions that need a flexible yet polished atmosphere.
Negeri Sembilan | 70 - 280 guests
Sutera Anggun
Sutera Anggun is a polished Melaka venue with a romantic atmosphere, designed for wedding receptions, vow celebrations, and styled evening events that need a graceful yet welcoming setting.
Melaka | 90 - 300 guests
Implemented App Section
The app implementation is organized around the bounty requirements and expands them into customer, admin, media, account, and planner workflows.
Public venue experience
- Responsive landing page with venue positioning, highlights, gallery, event categories, and call-to-action paths.
- Venue details page with selectable venue hero images, venue copy, capacity, location, gallery, operating hours, policies, facilities, and package pricing.
- Venue media is connected to Supabase Storage so hero images, gallery images, and booking videos can be managed outside the codebase.
Booking flow
- Step-by-step booking request form for event details, contact details, layout planning, special requests, and review.
- Custom date and start/end time selection instead of a fixed payment or checkout flow.
- Booking confirmation state after submission, including generated booking reference and pending review messaging.
- My Bookings page for customers to review submitted requests, booking status, deposit status, full payment status, and estimated total.
Planner and preview
- Interactive 2D layout planner with furniture and decor placement tools.
- Adaptive 3D preview using React Three Fiber and Three.js for capable devices.
- Planner asset API route for local 3D model delivery while venue media remains in Supabase Storage.
Admin workflow
- Admin login route and profile-menu admin access flow.
- Admin dashboard for reviewing incoming booking requests.
- Admin status management for pending, approved, and rejected bookings.
- Payment summary controls for not paid, pending, and paid states without direct payment integration.
- Venue media manager for updating hero images, gallery images, booking videos, and venue details through Supabase.
Account, auth, and policy pages
- Supabase authentication helpers for server and browser usage.
- User account settings page with provider-aware password guidance.
- Privacy Policy, Terms of Service, and Disclaimer pages.
- Demo mode support for switching between user and admin-facing demo views.