Java Web Application
ABC Cinema Movie Ticket Booking System
Client
Personal project
Timeline
1 Month
Role
UI Designer and Frontend Developer
Year
2025

A full-featured online cinema reservation system with dedicated customer and administrator experiences for movie discovery, showtime selection, booking, and platform management.
Web / Java / Servlets / JSP / HTML / CSS / JavaScript / MariaDB / MySQL
ABC Cinema is an online movie ticket reservation system created as part of a second-year university project. Built with Java Servlets, JSP, HTML, CSS, JavaScript, and MariaDB/MySQL, it gives customers a user-friendly interface for browsing available movies and booking tickets while providing administrators with a dedicated dashboard for movie listings, users, bookings, and reviews.
The Challenge
The platform needed to connect movie discovery, authenticated customer accounts, showtime selection, reservations, user booking history, and administrative management within one traditional Java web application. It also required responsive interfaces, dependable database access, and clear separation between customer and admin workflows.
The Impact
ABC Cinema delivered a complete second-year web project that digitized the movie reservation journey and centralized cinema administration. The system gave customers a clearer booking experience while providing administrators with structured control over movies, users, tickets, bookings, and feedback.

Movie Booking Home

Cinema Landing Screen

Movie List

Ticket Booking
- 01
Owned the complete UI design and frontend development from initial concept through delivery.
- 02
Designed responsive customer and administrator experiences using HTML, CSS, JavaScript, and JSP views.
- 03
Created movie browsing, authentication, showtime selection, booking, profile, and booking-history interfaces.
- 04
Designed the admin dashboard for movie, user, ticket, booking, and review management workflows.
- 05
Integrated frontend forms and interactions with Java Servlet request handlers and database-backed operations.
- 06
Supported authentication and authorization experiences across customer and administrator access.
- 07
Helped test the complete application and prepare it for project delivery.
User Platform
- Authentication: Register and sign in through secure customer account workflows.
- Movie Browsing: Explore available movie listings with relevant details.
- Showtime Selection: Review available sessions before creating a reservation.
- Ticket Booking: Select a showtime and complete the movie ticket reservation flow.
- Profile Management: Review account information and previously created bookings.
Admin Dashboard
- Movie Management: Add, update, and remove cinema movie listings.
- User Management: Review and manage registered customer accounts.
- Ticket & Booking Management: Monitor reservations and booking records.
- Reviews Management: Oversee customer reviews and platform feedback.
- Dedicated Admin Access: Keep operational tools separate from customer booking workflows.
Project Type
Second-year university web project
My Role
UI designer and frontend developer
Platforms
Customer web application and admin dashboard
Backend
Java Servlets and JSP
Database
MariaDB / MySQL
Backend
Java Servlets — Request handling, authentication, booking logic, and administrative operations
Server Views
JSP — Dynamic customer and administrator page rendering
Frontend
HTML, CSS, and JavaScript — Responsive interfaces, interactions, forms, and booking experiences
Database
MariaDB / MySQL — Persistent users, movies, showtimes, bookings, tickets, and review records
Configuration
dbconfig.properties — Database and email-related application configuration
Development
IntelliJ IDEA — Java web application development and project management
Customer Booking Journey
- Customers begin by registering or signing into an existing account.
- The movie catalogue presents available cinema titles and supporting information.
- Movie detail and showtime interfaces guide users toward an available session.
- The booking flow captures the selected movie, showtime, and required reservation information.
- Profile pages give customers continued visibility into their booking records.
Java Web Architecture
- Java Servlets process incoming customer and administrator requests.
- JSP pages render dynamic server-backed interfaces for each workflow.
- HTML and CSS define the responsive visual system while JavaScript adds client-side interaction.
- Application layers separate customer functionality from administrative management features.
- Database-backed operations persist account, movie, showtime, reservation, and review information.
Database & Configuration
- MariaDB / MySQL provides persistent relational storage for the cinema platform.
- Database queries support movie listings, user accounts, bookings, tickets, and management records.
- The dbconfig.properties file centralizes database and email configuration values.
- Structured data access keeps customer reservations connected to the correct user, movie, and showtime.
- The project source separates primary application code, static assets, and environment-specific configuration.
Frontend & UX Delivery
- The complete interface was designed to make movie discovery and booking understandable for regular users.
- Responsive layouts support the customer and admin experiences across different screen sizes.
- Consistent navigation, forms, controls, and feedback states connect the full reservation journey.
- Administrator screens prioritize efficient access to movies, users, tickets, bookings, and reviews.
- Frontend behavior was integrated with Servlet endpoints and JSP-rendered application state.
Project Structure
- src/main contains the primary source code for both user and administrator functionality.
- static/assets/images stores the visual assets used throughout the cinema interface.
- dbconfig.properties stores database and email-related configuration.
- The project was developed and organized through IntelliJ IDEA.
Delivery Outcome
- Completed as a functional second-year university web application.
- Provides distinct customer booking and administrator management experiences.
- Demonstrates Java Servlet and JSP integration with a relational database and responsive frontend.
- Covers the core cinema workflow from movie discovery through booking administration and review oversight.
