SM Sport Center : Court Reservation & Payment

A comprehensive sports court booking platform built with Laravel 13, Blade, and Tailwind CSS. Enables players to discover venues, inspect live schedules, and secure reservations with continuous time-slot validation. Integrated with Midtrans Snap for automated payments (QRIS, VA, E-Wallet) and secure SHA-512 webhook synchronization.

Interface & Visual ArchitectureProject Overview

SM Sport Center : Court Reservation & Payment - Cover

01 / Engineering Context

Problem & Technical Response

The Challenge

What needed solving

Manual court booking through messaging apps led to frequent scheduling conflicts, unverified payment slips, double-booked hours, and tedious manual bookkeeping for venue operators.

The Solution

Technical execution

Architected a centralized booking portal with atomic transaction locks to eliminate double-booking, enforced continuous time-slot selection rules, and integrated Midtrans Snap for automated payment settlement and instant confirmation.

02 / Architecture & Data Flow

Pipeline & Component Topology

Horizontal Flow

Stage 01Phase 1 of 4

Public Court Catalog & Filtering Engine

Stage 02Phase 2 of 4

Continuous Slot & Concurrency Lock Validator

Stage 03Phase 3 of 4

Midtrans Snap Payment Gateway Integration

Stage 04Phase 4 of 4

Cryptographic SHA-512 Webhook Sync Handler

End-to-End Execution Sequence← Scroll horizontally to inspect full flow →

03 / Key Deliverables

Core Capabilities & Features

Public court catalog with multi-sport filtering (Futsal and Badminton) and time-of-day slots

Real-time booking engine with concurrency protection to prevent double-booking

Continuous slot validation enforcing uninterrupted booking hours

End-to-end Midtrans Snap checkout supporting QRIS, Virtual Accounts, and E-Wallets

Secure automated webhook handler with SHA-512 cryptographic signature verification

Dynamic facility photo gallery and complete administrative management dashboard

04 / Role & Ownership

Engineering Contribution

Designed relational database schemas, built booking state machines with overlap validation, integrated Midtrans Snap API and SHA-512 webhook listener, and developed the responsive Tailwind CSS user interface.

04/Collaboration & Opportunities

Let’s build something practical.

I am open to internship opportunities, full-stack or backend developer roles (especially Laravel, Next.js, and modern APIs), and collaborating on software projects.

Based in Indonesia · Open to internship opportunities

Get in touch Review full catalog