Happiness Park - Ticketing System
A full-featured ticketing system and business website for a kids' recreational park. It includes QR code generation and scanning, online ticket sales, user authentication, and administrative tools for managing customers and bookings.
Technologies Used
All Technologies
Bootstrap
Cloudinary
Firebase
React
Express JS
Redux
Heroku
Mongo DB
Project Info
My Role
Full Stack Developer
Team Size
1 person
Duration
2 Months
Timeline
1/18/2024 - 4/24/2024
Category
web
Featured
No
About This Project
Happiness Park is a modern web platform built for a children's recreational park that needed both an engaging online presence and a robust ticketing system. The frontend is built with React and Bootstrap for a clean, responsive design, while the backend uses Node.js, Express, and MongoDB for data management and APIs. Key features include QR code-based tickets, customer bookings, staff dashboards, email confirmations, Firebase-integrated analytics, and OpenAI for automated customer support messages. The app supports both customer-facing interactions and internal staff tools for seamless daily operations.
Key Features
- QR Code-based ticketing system for easy scanning and validation
- Admin dashboard to manage users, bookings, and ticket status
- Secure authentication and password policies
- Firebase integration for real-time analytics
- React-Bootstrap UI with a mobile-friendly layout
- Email notifications for ticket confirmations
- Drag & Drop ticket sorting via dnd-kit
- Multi-step booking forms for user convenience
- Integrated contact and feedback sections
Challenges Overcome
- "challenge": "Implementing a secure, real-time ticket validation system.", "solution": "Used QR code generation and scanning with backend verification logic."
- "challenge": "Managing admin workflows for ticket and customer tracking.", "solution": "Built a dedicated admin dashboard with filters, sorting, and user roles."
- "challenge": "Ensuring a smooth mobile experience for parents using the platform.", "solution": "Used Bootstrap's grid and responsive utilities to create a mobile-first UI."
- "challenge": "Sending dynamic email confirmations without delays.", "solution": "Integrated Nodemailer for automated emails triggered on purchase."
What I Learned
Gained deep experience managing ticket lifecycles with QR code workflows Learned to design admin interfaces that balance usability and complexity Integrated third-party services (Cloudinary, Firebase, Nodemailer) to add real-world functionality Strengthened security practices using JWT, bcrypt, and password policies Improved DevOps skills with concurrent backend/frontend development and deployment pipelines
Mobile Screenshots
