Hello there, as a part of learning the MERN stack at Masai School, I tried implementing the skills learned, by working on a clone of BookMyShow. Through this blog, I want to share my experience of working on the same as a team.
Tech Stack Used
HTML, CSS, ReactJS, ExpressJS, MongoDB.
Libraries Used
Planning
Planning is the first thing we need to do before proceeding to the actual project. We planned our work based on the user flow and gave priority to the quality of the functionalities rather than the quantity.
Workflow
- On the first day, we collated the data required and designed our database structure.
- On the second day, we started working on some of the static pages followed by the main functionality of the website, which is the movie ticket booking.
- on the third and fourth day, we completed the booking functionality and checked for any bugs.
Some of the screenshots of the clone...
Home Page
All Movies Page
Movie Page
Cinemas Page
Seeting Page
Booking Summary Page
Payment Page
Challenges
- This is the first time we are working on the database. Designing a good database structure is key, where we felt a bit of difficulty.
But in the end, it was a great experience as we learned so many new things working as a team.