FutsalPro: Platform Pemesanan Lapangan & Manajemen Liga Futsal Real-Time
Platform digital end-to-end yang mempermudah pemain futsal melakukan booking lapangan secara instan dengan integrasi pembayaran Midtrans, serta membantu pemilik venue mengelola jadwal, pendapatan, dan turnamen futsal secara efisien.
Modernisasi Ekosistem Futsal Amatir
FutsalPro lahir sebagai jawaban atas kesulitan para pemain futsal dalam mencari lapangan yang kosong serta proses pemesanan yang masih manual lewat chat.
Dengan sistem booking real-time yang memvalidasi ketersediaan jam secara presisi di tingkat database, double booking dapat dihindari sepenuhnya. Platform ini juga menyediakan sistem KYC (Know Your Customer) untuk menjamin keaslian lapangan yang terdaftar, serta sistem bracket turnamen otomatis dan pencairan dana bagi penyelenggara (organizer) untuk memajukan turnamen lokal.
Preventing Double-Booking Conflicts with Midtrans Payments
When multiple users attempted to book the same futsal court slot at the exact same time, slow payment confirmation callbacks from Midtrans sometimes caused double bookings to be finalized.
Implemented database transaction locks (row locking via PostgreSQL select for update) inside Supabase RPC functions, checking if a slot status was 'PENDING_PAYMENT' or 'BOOKED' before letting the checkout session begin. Added a 10-minute automatic reservation TTL in PostgreSQL using pg_cron to release unpaid slots.
- Row Locking: SELECT FOR UPDATE checks slot state atomically.
- Checkout Gates: Prevents Midtrans token generation if locked.
- Auto Release: pg_cron cleans up unpaid slot blocks after 10 mins.
System Architecture
Urutan eksekusi transaksi, validasi sesi autentikasi, dan pipeline sinkronisasi data real-time pada arsitektur sistem.
Client & Authentication Route Guard
User login via Clerk/Supabase Auth. Route guard memisahkan akses role 'Player', 'Venue Owner', dan 'Admin'.
Booking Request & Transaction Locking
Server actions memvalidasi ketersediaan slot. Transaksi di-lock di PostgreSQL untuk mencegah double booking.
Midtrans Payment Bridge
Snap API menghasilkan token transaksi. Status pembayaran di-update otomatis melalui Midtrans webhook secara aman.
Asset Storage & Cloud Services
Upload berkas KYC dan gambar dikirim ke Cloudinary, sementara email notifikasi transaksional dipicu melalui Resend API.
Tech Stack
Rasional pemilihan fondasi teknologi, bahasa pemrograman, database, dan protokol integrasi eksternal.
Next.js 16 (App Router) & React 19
Digunakan sebagai core runtime aplikasi. Memanfaatkan React Server Components (RSC) untuk streaming render jadwal lapangan, serta Server Actions untuk memproses mutasi transaksi booking instan tanpa jeda latensi API route eksternal.
TypeScript 5
Menjamin integritas type-safety ketat dari database schema hingga payload callback Midtrans, memastikan model data slot jadwal, user booking, dan respon webhook tervalidasi secara deterministik.
Tailwind CSS v4
Membangun sistem desain antarmuka dashboard admin dan alur booking pemain dengan performa kompilasi ultra-cepat dan sistem token warna yang konsisten di seluruh breakpoint perangkat.
Supabase PostgreSQL & Drizzle ORM
Menyimpan seluruh data venue, slot jadwal, transaksi pembayaran, dan tim turnamen. Drizzle ORM digunakan untuk penulisan query SQL terstruktur dan migrasi skema, dipadukan Row-Level Security (RLS) untuk isolasi data venue.
Midtrans Snap API
Memproses pembayaran digital otomatis (QRIS, VA, E-Wallet) dengan verifikasi signature key pada webhook callback HTTP untuk memperbarui status booking menjadi lunas secara real-time tanpa campur tangan admin.
Resend Email API
Mengirimkan invoice digital terformat, barcode tiket masuk venue, dan jadwal tanding turnamen secara otomatis langsung ke email pemain sesaat setelah konfirmasi pembayaran diterima.
Core Capabilities
Rincian fitur fungsional utama, kemampuan penanganan transaksi, dan mekanisme keandalan sistem.
Eksplorasi Venue
Temukan lapangan futsal terbaik dengan filter lengkap seperti lokasi, jenis lantai, fasilitas, harga, dan rating.
Booking Interaktif
Pilih slot jam secara langsung melalui jadwal interaktif yang terjamin anti-bentrok menggunakan transaction lock.
Integrasi Pembayaran
Penyelesaian pembayaran DP atau lunas secara instan menggunakan Midtrans Snap (E-Wallet, Transfer Bank, QRIS).
Turnamen & Bracket
Daftarkan tim futsal Anda dalam turnamen lokal, pantau jadwal tanding, dan lihat bagan bracket pertandingan dinamis.
Desain Premium Berbasis Glassmorphic
Desain antarmuka premium dengan pendekatan glassmorphism untuk fokus visual pada konten penting.
Explore & Filter Venues
Temukan lapangan futsal terdekat berdasarkan lokasi, harga, fasilitas, dan jenis lantai secara real-time.
Temukan lapangan futsal terdekat berdasarkan lokasi, harga, fasilitas, dan jenis lantai secara real-time.
RideAssist
A sleek, privacy-focused mobile application built with Flutter & Riverpod. It utilizes intelligent GPS noise-filtering to track real-time odometer metrics and dynamically compute engine health status, 100% offline.
