← Kembali ke Proyek

TicketHub (Event Ticketing Platform)

Next.js 16 (App Router)Prisma ORM v7SQLite (better-sqlite3)JWTLucide ReactQRCode libraryTypeScript.
TicketHub (Event Ticketing Platform)

TicketHub is a comprehensive event ticketing web application built as a portfolio mockup to demonstrate full-stack engineering capabilities across three distinct user roles.



Key Features


  • 🎫 E-Ticket System — Buyers can purchase tickets across multiple price tiers. Each ticket generates a unique QR code and is downloadable as a printable PDF-style page.

  • 👤 Role-Based Access — Three roles with separate dashboards: Buyer (ticket wallet, purchase history), Promoter (event management, attendee list), and Admin (event moderation queue, promoter management).

  • 🛡️ Event Moderation — Promoters submit events for review. Admins can Approve or Reject with a reason. Editing an approved event resets it to Pending.

  • 📊 Promoter Dashboard — Analytics showing total revenue, tickets sold per event, and a QR code scanner for attendee check-in at the gate.

  • 🖨️ Print All Tickets — Users can print all tickets from a single transaction in one click, with each ticket auto-formatted on a separate page.

  • 🔐 JWT Authentication — Secure stateless authentication with HTTP-only cookie sessions.

  • 🎨 Premium Dark UI — Glassmorphic dark-mode design with smooth CSS animations, gradient accents, and a responsive card-based layout.