Courtside
Web-based sports court booking platform designed to simplify the reservation process for users while helping venue owners manage schedules, bookings, and payments in a more organized and efficient way.
Visit Live Website ->Tech Stack
Laravel
Nuxt JS
Tailwind
MySQL
Tools
VSCode
Postman
User As Player
Venue Exploration & Detail Page
This section showcases the venue listing page where users can browse available sports venues, along with the venue detail page. The detail page provides comprehensive information about each venue, including available courts, real-time schedule checking, and the core booking functionality.
Booking & Payment Flow
This section highlights the end-to-end booking experience, starting from schedule selection to final payment. The process is seamlessly integrated with the Midtrans payment gateway, ensuring secure and efficient transactions for users.
User As Venue Owner
Venue Finance Dashboard
Focused on the venue owner’s perspective, this dashboard presents financial insights such as total balance with a withdrawal request feature, withdrawal history, and detailed analytics. It includes visualizations like donut charts for income distribution per venue and line charts for monthly revenue trends, along with additional income tracking from offline store sales.
Venue Store Dashboard (POS System)
This section demonstrates a built-in point-of-sale system used by venue staff. It allows cashiers to handle transactions through an add-to-cart interface, as well as manage store inventory by adding new items with details such as price, image, and quantity.
Booking Management Dashboard
Designed for operational staff, this dashboard enables manual booking creation for walk-in or phone reservations. It is fully synchronized with real-time availability to prevent conflicts with online bookings. The system also provides booking lists sorted by schedule and supports handling reschedule and cancellation requests.
Venue Settings Page
This section covers the configuration features available to venue owners, including editing venue information, managing venue images, adding bank accounts for withdrawals, and updating account credentials such as email and password.