🚀 NEW COMPONENT: Pro Court Booking — Complete Reservation System for Sports Apps (Padel, Tennis, Soccer)

Resources & Tutorials
,
1

componentes
componentes1865×1028 43.3 KB

Hey Adalo Community! :waving_hand:

I’m excited to launch Pro Court Booking, a production-ready, high-performance component designed to solve one of the biggest challenges in Adalo: real-time slot availability and court booking logic without complex native workflows.

Whether you are building an app for padel clubs, sports venues, or booking platforms, this component handles the entire user journey from date selection to final confirmation in a single, polished UI.

:fire: Key Features

  • Smart Scheduling & Slot Locking: Interactive weekly calendar with past-day locking, real-time booking conflict detection, custom opening/closing hours per court, and multi-hour selection pills (1 to 24 hours).

  • 100% Visual Customization: Full control over your color palette (primary accent, background, card surface, typography, and disabled states), adjustable corner radius (border-radius) for containers and buttons, and custom font sizing right from the Adalo editor.

  • High-Impact Dark Mode Design: Modern dark theme with vibrant lime-green accents (#AAE215), full-width court image cards with gradient overlays, smooth interactive elements, and polished shadows.

  • End-to-End Booking Confirmation: Auto-generates unique booking reference IDs, creates line-by-line summary text ready for email receipts, and features a native confirmation modal with an integrated loading spinner.

  • Built-In Multi-Language Engine: Instant auto-translation for UI labels, weekday names, and pluralization rules in English, Spanish, Portuguese, German, French, and Italian (or override with custom text).

  • Native Adalo Database Binding: Connects seamlessly with Current Court using Magic Text. Passes court IDs, calculated total prices, booking summary text, and standard ISO 8601 timestamps directly to your Adalo actions.

    1
    12056×592 133 KB

:light_bulb: Why Use It? No more complex database filtering loops or overlapping booking bugs. Drop it into your screen, bind your Collections, and start taking bookings in minutes.

:backhand_index_pointing_right: Video demo: https://youtu.be/RVAS3OyvfFQ
More components: kurepadev

1 Like
Court booking app
2

With this, can user select multiple courts and time slots prior to checkout?

Can we set slots’ on-hold status for certain minutes until user has paid? Otherwise, it becomes available to others.

Thank you

3

Hi! The component handles ~80% of the build, while you handle your custom business rules in Adalo:

  • Multiple Courts/Slots: The flow is designed for one court and one time slot per reservation, since each booking contains its own unique logic and conditions. for ex: 5pm to 8pm

  • Hold Status: You can add a Pending status and an Expiration Time to your database when reserved. Then, filter visible slots on the calendar so locked/unexpired slots aren’t available to others.

It provides the entire core structure and UI, while letting you customize the hold and payment workflows as needed!