Welcome to the BookMyShow Clone project! This React-based application aims to replicate the user interface and functionality of the popular ticket booking platform, BookMyShow. Whether you're a developer looking to explore React or someone interested in creating a custom ticket booking app, this project provides a comprehensive foundation.
BookMyShow is a popular platform that allows users to browse and book tickets for movies, events, and various entertainment shows. This clone project recreates the key features of the BookMyShow platform, providing a seamless and interactive user experience.
- Dynamic landing page showcasing upcoming movies, events, and trending shows.
- Featured banners highlighting special promotions and offers.
- Detailed information about a selected movie, including showtimes, cast, and reviews.
- Option to select seats and book tickets for a specific show.
- Information about upcoming events, concerts, and performances.
- Easy booking process for tickets to events.
- Seamless order process, allowing users to add tickets to their cart and complete the booking.
Download the BookMyShow Clone app now and enjoy a seamless ticket booking experience! 🎫🍿
| Library Name | Description |
|---|---|
| React Js | Frontend Framework |
| React Router | Routing library |
| React Slick | For carousel implementation |
| slick-carousel | Carousel library (used with React Slick) |
| Axios | HTTP client for making API requests |
| headlessui/react | Accessible React components |
| react-oauth/google | Google OAuth library for authentication |
| React Icons | Icon library for React |
| React Helmet | Manage document head for SEO |
| Tailwind CSS | Utility-first CSS framework |
| Tool Name | Description |
|---|---|
| npm | Package Manager tool |
Click the "Fork" button at the top right corner of the page. This will create a copy of the repository under your GitHub account.
To run the Project locally, follow these steps:
-
Clone the Repository
git clone https://github.com/your-username/BookMyShow-clone.git
-
Navigate to the project directory
cd BookMyShow-clone -
Install the dependencies using npm
npm install
Create a .env file in the root directory and add the following configurations:
REACT_APP_API_KEY = 'YOUR_MOVIEDB_API_KEY'
REACT_APP_GOOGLE_CLIENT_ID = 'YOUR_GOOGLE_CLIENT_ID'
REACT_APP_RAZORPAY_KEY = 'YOUR_RAZORPAY_API_KEY'
REACT_APP_OPENCAGE_API_KEY = 'YOUR_OPENCAGE_API_KEY'Replace the placeholder values <YOUR_MOVIEDB_API_KEY>, <YOUR_GOOGLE_CLIENT_ID>, <YOUR_RAZORPAY_API_KEY>, and <YOUR_OPENCAGE_API_KEY> with your actual API keys. You can obtain these keys from the following resources:
- MovieDB API Key: The MovieDB API
- Google Cloud API Key: Google Cloud Console
- Razorpay API Key: Razorpay Dashboard
- OpenCage API Key: OpenCage Data
To start the development server and view the application, run the following command:
npm startThis will start the application on your computer's local development server, accessible at http://localhost:3000
