🎬 Movie Ticket Booking

A simple and interactive Movie Ticket Booking web application built using HTML5, CSS3, and JavaScript. Users can browse available movies and book tickets instantly, with booking notifications displayed dynamically on the page.

---

📌 Project Overview

Movie Ticket Booking is a front-end project that simulates the basic functionality of an online movie ticket booking system. The application allows users to select a movie and book tickets through an intuitive interface powered by JavaScript.

This project demonstrates DOM manipulation, event handling, and dynamic content rendering using vanilla JavaScript.

---

✨ Features

• 🎥 Display a list of available movies
• 🎟️ Book tickets with a single click
• 🔔 Generate booking notifications dynamically
• 💻 Interactive user interface using JavaScript
• 🎨 Modern card-based design
• 📱 Clean and responsive layout

---

🛠️ Technologies Used

Frontend

• HTML5
• CSS3
• JavaScript (ES6)

JavaScript Concepts Applied

• Arrays of Objects
• Functions
• DOM Manipulation
• Event Handling
• Template Literals
• Dynamic Content Rendering
• forEach() Method

---

📂 Project Structure

Movie Ticket Booking/
├── MovieTicketBooking.html
├── MovieTicketBooking.css
└── README.md

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/21A35A0503/Movie-Ticket-Booking.git

2. Navigate to the Project Folder

cd Movie-Ticket-Booking

3. Run the Project

Open the MovieTicketBooking.html file in your web browser.

You can also use the VS Code Live Server extension for a better development experience.

---

🎮 How It Works

1. The application displays a list of movies.

2. Each movie card contains a Book Ticket button.

3. When the button is clicked:

   • The selected movie name is passed to the booking function.
   • A booking notification is generated dynamically.
   • The notification confirms that the ticket has been booked successfully.

---

🎯 Learning Outcomes

Through this project, I learned how to:

• Render data dynamically using JavaScript.
• Manipulate the DOM effectively.
• Handle button click events.
• Use template literals to generate HTML.
• Work with arrays and objects.
• Build interactive front-end applications without frameworks.

---

🔮 Future Enhancements

• Add seat selection functionality.
• Prevent duplicate bookings.
• Display ticket counts.
• Add booking cancellation.
• Store bookings using Local Storage.
• Integrate payment functionality.
• Connect with backend APIs for real-time movie data.

---

👩‍💻 Author

Harika Neela

GitHub: https://github.com/21A35A0503