BookMyShow is a web application that allows users to book movie tickets. This Appliction have user friendly interface so users can select the available movie ,time slot and seats which is given on display. Our Project uses both local Storage and MongoDB for storing the selected data temporarly and permanently in database.
Live Link :- i) For frontend = https://bookmyshow-2.netlify.app/ ii) For backend = https://bookmyshow-2tv6.onrender.com/api/booking
This project uses the following technologies :-
Frontend :- React.js Bootstrap-5 & react-Bootstrap
Backend :- Nodejs, Express, MongoDB
Other :- Mongoose, AXIOS
Api's :-
For Frontend = http://localhost:3000/,
For Backend = http://localhost:8080/api/booking
Clone the project
git clone
Go to the project directory
cd bookmyshow
Install dependencies on both server and client folder
npm install
i) To run both Frontend & Backend together open terminal on server folder and write command
npm run start
ii) For backend : open terminal on server folder
nodemon index.js
iii) For Frontend : open terminal on client folder
npm run start
Your Project will Successufully Running now , If not running then make sure to adjust nodejs version : try node v14.20.1
- In Starting the app will look like this, if you are a new user and haven't done any booking previously.
- After Selecting the data it will highlights, and also if you refresh the page you will not loose you selected data.
- If you Try To book without selecting all the fields it will show you an alert for selecting that field.
- After selecting and hitting book button it will show you an alert of TICKET BOOKED SUCCESSFULLY.
- And now You can see your last booking details .
If you have any feedback, please reach out to us at faisalqrs19@gmail.com / jyotipathak604@gmail.com