š QuickShow ā Movie Booking Platform
QuickShow is a full-stack movie ticket booking demo built with Next.js (App Router), Convex, Better Auth, and the TMDB API. It simulates a real-world cinema booking experience, from discovering movies to reserving seats and completing checkout.
The goal of the project was to build a production-style booking system with real-time seat handling, authentication, payments, and a smooth end-to-end user experience.
š¬ What It Does
Browse and discover movies with TMDB-powered search and filtering
View detailed movie pages with trailers, cast, and recommendations
Select showtimes and reserve seats with server-backed holds (Convex)
Create accounts, manage favorites, and track bookings
Complete payments using Stripe checkout
Access digital tickets with QR codes and a staff scan flow
Separate upcoming and past bookings based on movie end time
Lightweight analytics tracking for key user actions
āļø Tech Stack
Built with a modern full-stack architecture:
Next.js 16 (App Router)
React 19 + TypeScript
Tailwind CSS 4
Convex (real-time backend + database)
Better Auth (authentication system)
TMDB API (movie data)
Stripe (payments)
š§ Key Features / Engineering Focus
Real-time seat reservation system with server-side holds
Secure authentication and account management
Payment flow with Stripe checkout + webhook confirmation
QR-based ticket generation and scanning system
Mobile-first UI optimized for real usage flows
Clean separation of server/client logic in Next.js App Router
š Notes
This project was designed as a production-style demo of a complete booking system architecture, including authentication, payments, and real-time data handling.