Skip to content

An E-commerce web application to book movie tickets, make advance bookings for movies, buy play tickets, event tickets and sport tickets. watch movie videos and trailer etc.

Notifications You must be signed in to change notification settings

Rohitbaghel/book-my-show-clone

Repository files navigation

Cloning of BookMyShow -(Learning Purpose)

Welcome Here!

Hello Readers,
It was during the final week which is depicted as the construct week. We have done this project with group of 5 members and build the clone of a very popular E-Commerce web application for tickets Booking Website in the India for Movies, shows, events, plays, sports, activities etc. “ Entertainment ki nayi Bhasa ”, “BookMyShow” for Learning Purpose
This Project is our construct week project in Unit-V and we gave a name to our project called BookMyShow.
I hope you will enjoy the reading….

About Website:

BookMyShow BookMyShow is India's biggest online movie and events ticketing brand. The website caters to ticket sales for movies, plays, concerts and sporting events via the online platform. Launched in 2007, it is headquartered in Mumbai, Maharashtra. It additionally has offices in New Delhi, Bangalore, Hyderabad, Chennai and Kolkata.


[Project Demo] (https://drive.google.com/file/d/1IH5BCMuzDnqeTaKBvEDnQnvpWZWCbx0i/view?usp=sharing )

Tech Stack Used:

We have used Reactjs, Redux, Tailwind CSS, HTML, Advance JavaScript, Paytm Payment API, Google Auth login, Nodejs Express, NPM packages, MongoDb Atlas realtime storage for building this Project. We also used tools like GitHub for collaboration of our project, Slack & Zoom as means of a communication channel.

Details of Tech stack used:

ReactJS:

We have used React js for frontend to communicate with Backend.

CSS:

We have used to add styling to the website. We used Advance CSS for Popup Modal window for login/Sign up, Payment, and all other styling.

Advance JavaScript:

We have used to add logical functionalities to the web pages like the on Click function. We have added all the functionalities.

MongoDb

We have used MongoDb atlas realtime storage as database for storing user's data, car details.

Node js : We have used Nodejs for Backend.

Express : We have used Express framework as a layer built on the top of the Node.js that helped to manage a server and routes.etc.

Mongoose : We have used Mongoose Package to established connection between express and Database.

Experience of team:

Let us share our experience,
This entire journey of making the project was awesome. We have learned lots of things by applying to the real website and it gave us a lot of confidence. there were some more functionalities that could have been done, the time didn’t permit us to go further. But we will surely improve it during the course of time in future .

So journey started from here!

Snapshots of our project :-

  • Home Page

Home-1


Home-2


  • Home Page-Footer

footer-1


Footer-2

  • Play Page

Play-1 (2)

  • Events Page

events-1

  • Home Page-Login/Signup

login-1


login-Window

  • Booking-Select City

city select

  • Movie Booking Page

movie-Page-1


Movie-Page-2

  • Selcted Movies Details

Movie-details-1


reviews -1

  • Movie Cast and Crew

Cast Page-1

  • Screening Timing Details

Cinema Page-2

  • Food and Payment Option Page

Food Page-1

-## Payment through Paytm Wallet

patym Details


Card Payment


Paytm QR Code


Wallet Payment


Payment Confirmation




Challenges:

We have faced few challenges while working on project we dealt with them , sometime it take lots of time but on the other hand we got some learning from that. some of the challenges are-
As we are working on a team, we have to compile all the componets into the parent component sometime it messed if not appropriate tested earlier.
Functionality of each and every thing should be more accurate. We have done this in precise manner. so that every thing will set up in a certain direction.
Integrating third party payment gateyway was some issue earlier i figureout with concise practice.
Integration backend to frontend as we were using react, strugled little bit during initial stage.
Getting realtime data from the backend and working on it
Deployment of full stack project with backed, frontend along with payment gateway was some trouble at initial stage takes some days to figure out, taken help from the google deployed successfully.

Conclusion:

We are very thankful for the support of my teammates and instructor for the completion of project in due time. We will look forward to add some feature and functionality which we left in this project for future expansion.

Thank You For Reading 😊😊😊😊😊😊😊😊

Team Members:

  • Ranjan Kumar Thakur (fw12_053)

temp3-removebg-preview

Linkedin

Twitter

Medium

  • Kamesh Hedau (fw12_255)

Linkedin

Twitter

Medium

  • Rohit Baghel ()

![]()

Linkedin

Twitter

Medium

  • Prakhar Bhalla ()

Linkedin

Twitter

Medium

About

An E-commerce web application to book movie tickets, make advance bookings for movies, buy play tickets, event tickets and sport tickets. watch movie videos and trailer etc.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •