~14,800 lines of code
34 components
78 TypeScript files
8 Firestore collections
2 serverless APIs
01
Ticket Booking Engine
- Interactive seat map with section-based pricing
- Multi-tier ticketing with real-time seat availability
- Seat hold countdown timer to prevent double bookings
- Promo code engine — percentage/fixed discounts, usage caps, validity periods
- Real-time price calculation with discount application
- Booking summary with full cost breakdown
02
Razorpay Payment Integration
- Server-side order creation via API route
- Client-side payment widget with branded checkout
- Cryptographic signature verification on server
- Webhook handling for payment status updates
- Success/failure flows with appropriate redirects
03
QR Code Ticketing System
- Unique QR code per booking with embedded booking ID
- PDF ticket generation and download (jsPDF)
- Multiple tickets per booking for group bookings
- Booking reference number for manual verification
04
Admin Dashboard — Content Management
- Plays Management — title, genre, duration, poster, cast & crew (multi-add), featured toggle
- Venues Management — capacity, amenities, seating layout configuration, section pricing
- Events Management — play + venue linking, pricing tiers, status lifecycle (Draft → Published → Cancelled → Completed)
05
Admin Dashboard — Analytics & Operations
- Revenue analytics with line and bar charts (Recharts)
- Total revenue, tickets sold, active events — stat widgets
- Bookings management — search, filters, detail modals, CSV export
- Sales reports with date range selection
- Top-selling events and revenue by venue breakdowns
- Site settings with maintenance mode toggle
06
User Dashboard & Booking Lifecycle
- My Bookings — upcoming vs. past tabs with quick actions
- QR ticket download per seat (not just per booking)
- Booking timeline tracking: Booked → Confirmed → Attended
- Cancellation flow with time-based refund rules and admin approval
07
Public Platform & Brand Experience
- Dark "Stage" theme — glassmorphism inspired by theatre lighting
- 8-wing organizational ecosystem visualization
- Events discovery with search, genre filters, date range filters, pagination
- 12+ crew profiles with bios and social links
- Featured productions carousel with show history
- Google Sign-in + Email/Password authentication
- Accessibility: ARIA labels, skip links, semantic HTML, keyboard nav
08
Design System & Architecture
- Custom "Stage" design system — sky-blue palette, Lora + Manrope font pairing
- Glassmorphism card system with hover glow effects
- 8 Firestore collections with structured schemas
- Role-based access control (Admin / User)
- Firebase Auth with protected routes and session management
- Responsive across 375px–1440px+