Skip to content
Back to work

Java Web Application

ABC Cinema Movie Ticket Booking System

Client

Personal project

Timeline

1 Month

Role

UI Designer and Frontend Developer

Year

2025

Movie Booking Home

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

01Overview

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.

02Challenge & Solution

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.

03Key Screens
Movie Booking Home

Movie Booking Home

Cinema Landing Screen

Cinema Landing Screen

Movie List

Movie List

Ticket Booking

Ticket Booking

04Process
  1. 01

    Owned the complete UI design and frontend development from initial concept through delivery.

  2. 02

    Designed responsive customer and administrator experiences using HTML, CSS, JavaScript, and JSP views.

  3. 03

    Created movie browsing, authentication, showtime selection, booking, profile, and booking-history interfaces.

  4. 04

    Designed the admin dashboard for movie, user, ticket, booking, and review management workflows.

  5. 05

    Integrated frontend forms and interactions with Java Servlet request handlers and database-backed operations.

  6. 06

    Supported authentication and authorization experiences across customer and administrator access.

  7. 07

    Helped test the complete application and prepare it for project delivery.

05Feature Breakdown

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.
06Project Details

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

07Tech Stack

Backend

Java ServletsRequest handling, authentication, booking logic, and administrative operations

Server Views

JSPDynamic customer and administrator page rendering

Frontend

HTML, CSS, and JavaScriptResponsive interfaces, interactions, forms, and booking experiences

Database

MariaDB / MySQLPersistent users, movies, showtimes, bookings, tickets, and review records

Configuration

dbconfig.propertiesDatabase and email-related application configuration

Development

IntelliJ IDEAJava web application development and project management

08Architecture

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.