MongoDB, Expressjs, React/Redux, Nodejs

Cinema + is an online Movie Ticket Booking web app with MERN Stack.

• Online Booking System
• Admin Dashboard
• Dark Theme UI

MERN is a fullstack implementation in MongoDB, Expressjs, React/Redux, Nodejs.

MERN stack is the idea of using Javascript/Node for fullstack web development.

• Add / Update / Delete Movies
• Add / Update / Delete Cinemas
• Add / Update / Delete Showtimes
• Add / Update / Delete Reservations
• Add / Update / Delete Users
• Generate QR Code for reservation check in
• Send HTML emails invitations

You can also:

• Export QR Code pass as PDF

Cinema + uses a number of open source projects to work properly:

• MongoDB - A document-oriented, No-SQL database used to store the application data.
• ExpressJS - fast node.js network app framework.
• ReactJS - A JavaScript library for building user interfaces.
• Redux - A predictable state container for JavaScript apps.
• nodeJS - A JavaScript runtime built on Chrome's V8 JavaScript engine

Cinema + requires Node.js to run.

Set environment variables

$ Create a .env file in your server and client folder
$ See the .env sample
create a mongodb database and add your connection string into .env file

Install the dependencies and devDependencies

$ git clone https://github.com/georgesimos/Movie-app.git
$ npm install
$ cd server npm install && npm start
$ cd client npm install && npm start

Start the server.

$ cd server 
$ npm install 

Start the client.

$ cd client 
$ npm install 
$ npm start

Start from root path

$ npm run server
$ npm run client

Cinema + is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

• Add Light Mode / More themes

Movie Page

More Screenshots

Booking Page

Booking Invitations

Guest Dashboard Page

My Account Page

Admin Home Page

Admin Cinema Page

Admin Movie Page

Admin Reservation Page

Admin Reservation Calendar

MIT