georgesimos / Cinema Plus
Licence: mit
Online Movie Ticket Booking web app with MERN Stack
Stars: ✭ 119
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Cinema Plus
Mevn Boilerplate
A fullstack boilerplate with Mongo, ExpressJS, VueJS and NodeJS.
Stars: ✭ 277 (+132.77%)
Mutual labels: mongodb, expressjs, fullstack
Mern
🌐 MERN stack 2.0 - MongoDB, Express, React/Redux, Node
Stars: ✭ 175 (+47.06%)
Mutual labels: mongodb, expressjs, fullstack
Mern Skeleton
A MERN stack skeleton web application [Full-Stack React Projects]
Stars: ✭ 114 (-4.2%)
Mutual labels: mongodb, expressjs
Inventory Application
Shopping app using MERN stack
Stars: ✭ 74 (-37.82%)
Mutual labels: expressjs, fullstack
Angular Full Stack
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
Stars: ✭ 1,261 (+959.66%)
Mutual labels: mongodb, expressjs
Node React Ecommerce
Build ECommerce Website Like Amazon By React & Node & MongoDB
Stars: ✭ 1,080 (+807.56%)
Mutual labels: mongodb, expressjs
Mern Stack Authentication
Secure MERN Stack CRUD Web Application using Passport.js Authentication
Stars: ✭ 60 (-49.58%)
Mutual labels: mongodb, expressjs
Mern
🎉 This is boilerplate for MERN stack with integrations like Redux and SSR 🎉
Stars: ✭ 77 (-35.29%)
Mutual labels: mongodb, expressjs
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-65.55%)
Mutual labels: mongodb, expressjs
Production Ready Expressjs Server
Express.js server that implements production-ready error handling and logging following latest best practices.
Stars: ✭ 101 (-15.13%)
Mutual labels: mongodb, expressjs
Mern Mediastream
A MERN stack based media streaming application [Full-Stack React Projects]
Stars: ✭ 98 (-17.65%)
Mutual labels: mongodb, expressjs
Basic Mern Stack App
A simple MERN Stack App made for practice & learning. CRUD, Authentication & Deployment in MERN.
Stars: ✭ 104 (-12.61%)
Mutual labels: mongodb, expressjs
Mernapp youtube
Build a MERN Stack App from scratch, and deploy it to Heroku
Stars: ✭ 51 (-57.14%)
Mutual labels: mongodb, expressjs
Nodejs Socketio Chat App
MEAN Stack & Socket.IO Real-time Chat App | A MEAN stack based Real Time chat application
Stars: ✭ 45 (-62.18%)
Mutual labels: mongodb, expressjs
Mean Stack Angular6 Crud Example
MEAN Stack Angular 6 CRUD Web Application
Stars: ✭ 69 (-42.02%)
Mutual labels: mongodb, expressjs
Glorious Crud
A bare minimum and extensible crud generator
Stars: ✭ 45 (-62.18%)
Mutual labels: mongodb, expressjs
Typerx
A lightweight typescript annotation rest based extra (express、 mongoose、 angular、zorro、ng-alain ...).
Stars: ✭ 76 (-36.13%)
Mutual labels: mongodb, fullstack
Angular Cms
An flexiable, extendable, modular, single CMS app based on Angular, Express, MongoDB
Stars: ✭ 109 (-8.4%)
Mutual labels: mongodb, expressjs
Node Production
Take Your Node.js Project to The Production Environment (VPS/Dedicated Server).
Stars: ✭ 35 (-70.59%)
Mutual labels: mongodb, expressjs
Curriculum
Overview of the different modules and learning goals of the program.
Stars: ✭ 40 (-66.39%)
Mutual labels: mongodb, expressjs
Cinema +
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.
Features!
- 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
Tech
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
Installation
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
Plugins
Cinema + is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.
Server
| Plugin | README |
|---|---|
| concurrently | plugins/concurrently/README.md |
| bcryptjs | plugins/bcryptjs/README.md |
| express | plugins/express/README.md |
| googleapis | plugins/googleapis/README.md |
| jsonwebtoken | plugins/jsonwebtoken/README.md |
| mongoose | plugins/mongoose/README.md |
| multer | plugins/multer/README.md |
| nodemailer | plugins/nodemailer/README.md |
| nodemon | plugins/nodemon/README.md |
| qrcode | plugins/qrcode/README.md |
Client
| Plugin | README |
|---|---|
| fullcalendar | plugins/fullcalendar/README.md |
| material-ui | plugins/material-ui/README.md |
| moment | plugins/moment/README.md |
| jspdf | plugins/jspdf/README.md |
| react | plugins/react/README.md |
| react-facebook-login | plugins/react-facebook-login /README.md |
| react-google-login | plugins/react-google-login/README.md |
| react-redux | plugins/react-redux/README.md |
| react-router-dom | plugins/react-router/README.md |
| react-slick | plugins/react-slick/README.md |
| redux | plugins/redux/README.md |
Todos
- Add Light Mode / More themes
Screenshots!
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
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].