Welcome to the Movie Ticket Booking App, a web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). This app allows users to browse and book movie tickets seamlessly. Below is an overview of the app's architecture, components, and functionalities.
-
Frontend:
- React.js
- React Router DOM (for page routing)
-
Backend:
- Express.js
- Node.js
-
Database:
- MongoDB (connected using Mongoose)
-
Login Page:
- Utilizes the state hook to manage user authentication.
- Upon successful login, the user state is updated, and any booked tickets are associated with the logged-in user.
-
Register Page:
- Allows new users to register, and their details are stored in the MongoDB database.
-
Page Routing:
- Uses
react-router-domto navigate between different pages (login, register, home, payment).
- Uses
-
Home Page:
- Displays a feed of movies.
- Clicking on a movie provides options for venues, movie theaters, and show timings.
- Selection of a show redirects to the payment page.
-
Payment Page:
- Users can choose seats from the available ones.
- Three online payment methods are available:
- Credit Card: Validates a 16-digit card number, 3-digit CVV, and cardholder name.
- Paytm: Allows users to spend money from their digital wallet.
- Google Pay: Users can scan a QR code to make payment.
- Upon successful payment, users receive a soft copy of their tickets.
-
Clone the repository:
git clone https://github.com/your-username/movie-ticket-app.git
-
Navigate to the project directory:
cd movie-ticket-app -
Install dependencies using npm (Node Package Manager):
npm install
-
Start the backend server:
npm run server
-
Start the frontend:
npm start
-
Access the application in your browser at http://localhost:3000.
For any queries or issues, please contact us at [email protected].
Feel free to explore and enjoy the Movie Ticket Booking App!