Interactive Preview • Click to explore live site
Launch App Live Production ArchitectureClick mockup to launch live app ↗
Tech Stack
Next.jsReactNode.jsExpress.jsMongoDBTailwind CSSBetter-AuthGoogle-AuthJWTFramer MotionVercel
Project Overview
SportVerse digitizes the manual booking process for sports grounds, offering a streamlined venue discovery, scheduling, and management experience.
Problem
Booking sports facilities was offline and inefficient — relying on phone calls with no clear view of real-time slot availability or venue verification.
Solution
Built a full-stack platform with an owner dashboard for listing venues through an animated multi-step form, backend ownership checks on every request, and a live time-slot booking engine.
Outcome
Delivered an intuitive booking flow with robust authentication, role separation, and clean slot scheduling.
Key Features
- Email/password and Google OAuth authentication via Better Auth with JWT
- 4-step animated facility listing form across 12 sport categories
- Owner dashboard to edit and delete facilities with backend ownership checks
- Time-slot based booking system with complete booking history
- JWKS-based token verification on the Express backend
- Glassmorphism dark-themed, fully responsive UI with Framer Motion animations
Challenges Faced
- 01Wiring Better Auth's JWT plugin correctly through toNextJsHandler
- 02Configuring CORS and credentials across client and server for cross-origin cookie auth
- 03Enforcing ownership verification on every mutating route by comparing verified JWT identity
Future Improvements
- →Online payment integration for automated booking confirmation
- →Real-time slot availability with WebSockets
- →Customer reviews and rating system for facilities