Movie Ticket Booking Website

Welcome to the Movie Ticket Booking Website, a web-based platform that allows users to explore movies, view detailed information, and book tickets conveniently.

Project Overview

This project was developed as a web design course assignment. It aims to create a movie ticket booking system similar to well-known platforms like CGV, Beta, and MoMo, using HTML, CSS, JavaScript, and additional libraries like Bootstrap and jQuery. The site is designed with a responsive layout to support various devices.

Demo

Visit the website here: Movie Ticket Booking Website

Features

Home Page

• Displays a list of current and upcoming movies.
• Each movie card shows an image, title, and a "Detail" button for more information.

Movie Details

• Provides a dedicated page for each movie, including the description, cast, trailer, and reviews.
• Embedded trailers using iframes for seamless video previews.

Booking System

• Allows users to select a movie, choose a time, pick seats, and proceed with booking.
• Real-time seat selection updates, with clear indicators for available and booked seats.

Promotions

• Displays current promotions and special offers for movie-goers.

Contact

• Provides contact information and a form for user feedback.

Account

• User account management with options for viewing booking history and personal information.

Folder Structure

• html/: Contains the HTML files for each page (home, movie details, booking, promotions, contact, and account).
• css/: Custom CSS for styling the website, including layouts and responsive design.
• js/: JavaScript files for interactive elements, such as filtering movies and managing seat selections.
• images/: Assets for movie posters, logos, and backgrounds.
• libraries/: Additional libraries like Bootstrap and jQuery for styling and interactivity.

Technology Stack

• HTML, CSS, JavaScript: Core technologies used to build the site structure, style, and interactivity.
• Bootstrap: Provides a responsive grid layout and components for a modern UI.
• jQuery: Adds enhanced functionality and simplifies JavaScript tasks.
• GitHub Pages: Used for hosting the website.

Usage

1. Navigate to the home page.
2. Explore current movies, view detailed movie information, or book a ticket.
3. Check out promotions and contact support if needed.
4. Create or access your account to view booking history and manage your profile.

Setup

To set up the project locally:

1. Clone this repository:

   git clone https://github.com/thou05/movie-ticket-booking-web.git