Skip to content

Latest commit

 

History

History
123 lines (88 loc) · 5.29 KB

README.md

File metadata and controls

123 lines (88 loc) · 5.29 KB

Hello !

Ritu Verma here !

Getting Started

Clone the repository on your local machine with the command below in your terminal, and cd into the my-app

https://github.com/R-holmes10/BookmyShow-App-Frontend.git

cd my-app

Install dependencies (if you are using yarn then do with that)

npm install

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Project Description

Project Name : BookMyShow Live Here
The purpose of the project titled “BookMyShow” is to provide a web application that is user-friendly & reliable. The project mainly focuses on back-end and front-end technologies to build the web application. It has four modules: Movie Name, Time Slot, Seat Slot, and Last Booking Details.
API Documentation Click Here

Languages and Tools used:

React  Redux   CSS  HTML  JavaScript  tailwindcss  axios 

Team Collaborators:

Ritu Verma

Saad Ansari

Md. Ashif Reza

Kaustubh Sule


Project Components:

➤ Main UI : This window represents the main user interface of our web application.



➤ Movie name selection : This component allows the user to select a movie of choice.




➤ Time slot selection: This component displays all the available time slots throughout the day. The user can select according to preference.




➤ Seat Type & Quantity : This component enables user to select a specific seat type and the quantity of seats required. The maximum amount available per user is limited to 9 seats.




➤ Book Now button: This button confirms the user's choices and displays a message to the user that his/her seats have been successfully booked.




➤ Last Booking Details: If the user is a returning customer and has previously booked for a movie, this component will display his/her last booking details.





➤ Sign-up: This component allows new users to sign-up with a username, email and a password. The password is encrypted using the bcrypt library. If an existing user tries to sign-up, a message is displayed to the user for the same.




➤ User Login: Here, an existing user can log-in using his/her login credentials. And, their previous booking details are also displayed on the component 'Last Booking Details'.