Opening record
02 — Community Sports Facility Booking & Management Platform
SportSpace
SportSpace was developed for the Year 3 Human-Computer Interaction (HCI) module at SLIIT. Our team surveyed 26 players, facility managers, and coaches to identify real-world challenges in sports facility reservations. More than 58% of respondents reported experiencing double-booking conflicts, highlighting the need for a more reliable booking experience.
My primary contribution focused on the end-to-end player booking workflow and the facility manager's web portal, with an emphasis on booking conflict resolution, payment workflows, and reservation management.
- Flutter
- Next.js
- Node.js
- Express.js
- MongoDB
- Mongoose
- Firebase Authentication
- Stripe
- Multer
- Cloudinary
- REST APIs
Key Capabilities
Key Features
01
End-to-End Booking Management
Implemented the player booking workflow with date selection, available time-slot selection, reservation management, rescheduling, and cancellations.
02
Booking Conflict Resolution
Designed a conflict-handling experience that alerts players when a selected slot becomes unavailable, refreshes the schedule, and suggests alternative available time slots.
03
Stripe Payment Integration
Integrated Stripe card checkout and payment verification into the booking workflow to support online payments.
04
Bank Slip Upload & Verification
Implemented bank-slip image uploads using Multer and Cloudinary, enabling facility managers to review payment evidence and approve bookings.
05
Facility Manager Admin Portal
Developed Next.js web functionality for reviewing payment slips, managing booking approvals, and maintaining facility schedules.
06
Usability-Focused Design
Applied insights from initial user research to address common reservation problems, simplify booking management, and provide clear feedback when booking conflicts occur.
Technical Challenge
Handling Simultaneous Bookings
A major challenge was handling multiple players attempting to reserve the same popular time slot. The solution focuses on detecting unavailable slots, notifying affected players, refreshing availability, and suggesting alternative times instead of leaving users with a generic error. Reliable prevention of duplicate reservations also requires appropriate server-side validation and database-level concurrency controls.
Architectural Blueprint
End-to-End Booking & Conflict Resolution Flow
Interactive Pipeline · 5 Nodes
Node 01
Technology: Flutter Mobile AppPlayer Selection
Player browses sports facilities, chooses date, and requests an open slot from real-time venue availability.
Click any node above to inspect system stage details
·
Use←→keys to flip