Advanced Online Ticket Booking System

Overview

The Advanced Online Ticket Booking System is the full-stack ticketing product used for ELEGANZA, a live student batch party. It is not a tutorial checkout: public registration, a countdown landing page, admin payment review, manager approval or rejection, physical-ticket printing, and QR entrance scanning with Vue all shipped for a real event.

Tickets closed 26 March 2024. Write-up: blog.induwara.dev — online ticket booking. Source: batchPartyticket_FullStack.

Problem

Campus events that sell tickets via spreadsheets and cash at the door lose seats, money, and the door queue. ELEGANZA needed buyers to register online, organisers to review payments, and door staff to scan a QR instead of arguing over a screenshot.

What I built

• Public registration and ticket booking with a countdown landing page
• Personalized e-tickets with QR codes
• Admin payment review and manager approval / rejection
• Physical ticket printing for on-site staff
• Vue-powered QR scanning at the entrance
• MySQL persistence for events, tickets, and orders
• WhatsApp-oriented sharing in the event workflow

Impact

• Used for a live named event, not a classroom mock
• End-to-end path from public buy → payment review → door scan
• Team delivery (university project) with a public write-up and repo
• A reusable pattern for society and batch events that need real checkout and check-in

Key features

• Online registration and inventory-aware booking
• QR e-tickets
• Payment review queue for admins
• Manager approve / reject
• Door QR scanner (Vue)
• Physical print for staff
• Blog case study of the live run

Technologies

PHP, HTML, CSS, JavaScript, Vue.js, Bootstrap, and MySQL.

My role

Full-stack contributor on a university project team — booking UX, server logic, QR/check-in, and the public write-up as shared ownership.