Full-Stack Web 2025

GK Tennis Academy Management System

Court Booking, Coaching & Tournament Operations Platform

Developed a tennis academy management platform supporting court bookings, coach scheduling, tournament management, player registration, role-based access control, payment workflows, and real-time booking availability.

System Architecture Flow

Next.js + React + TypeScript (Tailwind CSS) → Supabase & PostgreSQL (RBAC, Bookings & Tournaments)

ReactNext.jsTypeScriptSupabaseTailwind CSSPostgreSQL

Repository Link Not Published Public Demo Not Enabled

Project Links Status: Public repository and live demo links are disabled until explicitly published.

Problem Statement

Tennis academies managing multiple courts, coaching staff, and tournaments need an integrated digital system to coordinate player registrations, prevent court double-bookings, manage role permissions, and handle payment workflows.

Architecture Overview

Built with React, Next.js, TypeScript, and Tailwind CSS on the frontend, paired with Supabase and PostgreSQL for relational data persistence, role-based access control, and real-time court availability tracking.

GK Tennis Academy Next.js & Supabase Architecture

System Topology

Type-safe Next.js and React application integrated with Supabase and PostgreSQL for court reservations, coach scheduling, tournament brackets, and payment workflows.

Presentation & Client Layer

Player, Coach & Admin Web Portal

Responsive interfaces for checking booking availability, registering for tournaments, and managing coaching schedules.

ReactNext.jsTypeScriptTailwind CSS

Access Control & Workflows

RBAC, Scheduling & Payment Logic

Role-based access control separating player, coach, and admin operations alongside booking validation and payment workflows.

Next.jsSupabaseTypeScript

Database Layer

Relational Academy Store

Relational tables storing court time-slots, coach rosters, player registrations, tournament records, and transactions.

PostgreSQLSupabase

Request & Data Flow Lifecycle

1 Players, coaches, and admins sign in with role-based permissions enforced via Supabase and Next.js.
2 Users inspect live court booking availability and submit reservations or tournament registrations.
3 PostgreSQL validates slot constraints and persists court bookings, coaching sessions, and payment states.

Key Engineering Capabilities

Real-time court booking availability and reservation management
Coach scheduling and session coordination workflows
Tournament management and online player registration
Role-based access control (RBAC) for players, coaches, and administrators
Integrated payment workflows backed by Supabase and PostgreSQL

Interface Previews & Screenshots

2 Configured Views

Court Bookings, Availability Matrix & Coach Scheduling

Optional screenshot slot: place verified image at apps/web/static/projects/gk-tennis-booking.png

Court Bookings, Availability Matrix & Coach Scheduling Optional Slot

Tournament Management, Player Registration & Payment Workflows

Optional screenshot slot: place verified image at apps/web/static/projects/gk-tennis-tournament.png

Tournament Management, Player Registration & Payment Workflows Optional Slot