Inspiration
Booking tickets online often feels like filling out endless forms — time-consuming, confusing, and not user-friendly. We wanted to make ticket booking as simple as chatting with a friend, where users can just ask for what they want and get it done instantly.
What it does
TicketMaster is a chatbot-driven ticketing system frontend that simplifies booking, canceling, and managing tickets. Through a conversational interface, users can:
- Book tickets step by step (event → date/time → seats).
- Cancel tickets instantly.
- Review bookings with printable tickets + QR codes.
- Make payments directly inside the chat (test mode).
🔮 Future upgrade: natural language booking like “Book me 2 tickets for Friday’s rock concert.”
How we built it
- Frontend: Next.js with TypeScript (TSX) for scalability and type safety.
- UI Components: shadcn UI for a clean and modern design.
- Chatbot Flow: Designed a conversational booking assistant that guides users step by step.
- Payments: Integrated a test-mode payment gateway within the chatbot flow.
Challenges we ran into
- Making the chatbot flow intuitive but structured (avoiding confusing steps).
- Handling dynamic ticket rendering with QR codes inside a frontend-only setup.
- Designing responsive UI that feels natural across devices.
Accomplishments that we're proud of
- Built a smooth conversational interface that removes the friction of forms.
- Created a fully functional frontend demo with booking, cancellation, and payments.
- Achieved a modern, professional UI using shadcn.
What we learned
- How to design user-friendly chatbot flows for transactional apps.
- Practical frontend integration of payments and QR ticket rendering.
- Importance of balancing simplicity and flexibility in conversational UIs.
What's next for TicketMaster – Smart Chatbot Ticketing System
- Add NLP-based free text booking with AI-powered intent detection.
- Build a backend system for real event data, booking management, and security.
- Enable real-world payment gateways beyond test mode.
- Scale the chatbot to support multi-lingual conversations.
Built With
- gateway
- next.js
- payment
- qr-code-generator-(frontend-library)
- shadcn-ui
- tailwind-css
- typescript-(tsx)


Log in or sign up for Devpost to join the conversation.