The RED Cinemas -A place to feel immersive movie experience

React, Nodejs, MongoDB, Expressjs, Stripe, i18Next

The RED Cinemas is an online movie booking multi-language application created using MERN stack. It is a modern and responsive web application with complete stripe payment checkout solution.

Showtimings are added for below three movies and you can either create new account or use below test account to book movies.

Movies:- Holidate, The Princess Switch, Road Dahl's The Witches
Show Timings: 2021-01-28
Test Account:- Email: janedoe@test.com , Password: janedoe123
Credit Card:- Number: 4242 4242 4242 4242 4242, Exp date: Any future date, CVV: Any number Click here to check out The RED Cinemas

Available Features!

- Public Features

Customer Registration and login
Check Playing now and Coming soon movies
Book movies
Play trailers

- Admin Features

Integration for adding playing now and coming soon movies to the App
Add new screens/cinemas to the App
Add showtiming for movies

Coming Features!

Create an Admin dashboard for Admin
Create a My Account page for customers

⚙️ Tech

ReactJS - A JavaScript library for building user interfaces.
Stripe - A complete payment solution.
React Router - A tool that allows you to handle routes in a web app, using dynamic routing.
i18Next - An internationalization-framework.
EmailJS - Send email from Javascript.
React Icons - Popular icons for React projects.
styled-components - A Modern way to write CSS in Javascript.
Node.js - JavaScript runtime built on Chrome's V8 JavaScript engine.
Express.js - Back-end web application framework for Node.js.
MongoDB - MongoDB is a cross-platform document-oriented database program.

Installation

App requires Node.js to run.

Install the dependencies and devDependencies

$ git clone https://github.com/thasneemmanaf/the-red-cinemas-mern-project.git
$ npm install
$ npm start
$ npm client-start

Screenshots!

Home Page

View all movies Page

Show Timings Page

Booking Page

Payment Page

Payment Confirmation Page

License

MIT