Next.js 14

ClubTableHub

A modern, multi-tenant web application for managing table tennis club reservations, halls, and member coordination. Built with Next.js 14, featuring complete data isolation between clubs, real-time reservation updates, and a comprehensive admin dashboard for system and club management.

Next.js 14TypeScriptPrismaPostgreSQLClerkTailwind CSS

View Live Site View Code

Development Process

Architecture Design

Designed multi-tenant architecture with Prisma schema supporting hierarchical Club → Hall → Table structure. Implemented role-based access control for System Owner, Club Admin, and Member roles.

3 weeks

Core Development

Built reservation system with overlap prevention, partner search functionality, and week view calendar. Implemented real-time updates using polling-based approach for live reservation status.

2 months

Admin Dashboard

Developed comprehensive admin panel for system and club management, including member management, hall/table configuration, and training time setup with complete data isolation.

1 month

Testing & Deployment

Deployed to Vercel with PostgreSQL database. Implemented security features including SSL connections, input validation with Zod, and secure authentication via Clerk.

Ongoing

Key Features

🏓

Table Reservations

Book tables with specific time slots, add multiple players, and prevent overlapping reservations. Duration selection from 30 minutes to 2 hours with training time validation.

🤝

Partner Search

Find playing partners through match requests. Create requests when looking for a partner or join existing requests with automatic reservation creation.

📅

Week View Calendar

Visual calendar showing current and next week with training day highlighting, reservation status indicators, and day-specific filtering for easy navigation.

⚙️

Multi-Tenant Admin

Comprehensive admin dashboard for System Owners and Club Admins. Manage clubs, halls, tables, members, training times, and role assignments with complete data isolation.