https://github.com/yuvraj24/moviecreator

MovieCreator demonstrates simple implementation of MERN (MongoDb | ExpressJs | ReactJs | NodeJs) Stack for complete end-to-end web app development ⚡️ 🔥
https://github.com/yuvraj24/moviecreator

components expressjs flex hooks javascript material-ui mongodb mongoose nodejs react-hooks reactjs vscode

Last synced: about 1 month ago
JSON representation

MovieCreator demonstrates simple implementation of MERN (MongoDb | ExpressJs | ReactJs | NodeJs) Stack for complete end-to-end web app development ⚡️ 🔥

• Host: GitHub
• URL: https://github.com/yuvraj24/moviecreator
• Owner: yuvraj24
• Created: 2020-03-15T14:06:16.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T05:27:17.000Z (about 2 years ago)
• Last Synced: 2023-03-07T16:26:40.691Z (almost 2 years ago)
• Topics: components, expressjs, flex, hooks, javascript, material-ui, mongodb, mongoose, nodejs, react-hooks, reactjs, vscode
• Language: JavaScript
• Homepage:
• Size: 26.2 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MovieCreator

[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

MovieCreator is a sample repository demostrating a full stack web application which comprises of *frontend* developed in **React** followed by **NodeJs** & **ExpressJs** for *backend* in sync with **MonngoDB** for *database* 🔥

![Alt text](https://github.com/yuvraj24/MovieCreator/blob/master/public/MERNStack.jpg)

## Spread Your ❤️:

[![GitHub followers](https://img.shields.io/github/followers/yuvraj24.svg?style=social&label=Follow)](https://github.com/yuvraj24)  [![Twitter Follow](https://img.shields.io/twitter/follow/yuvrajpy24.svg?style=social)](https://twitter.com/yuvrajpy24) 

## What is MERN Stack?

MERN Stack is a Javascript Stack that is used for easier and faster deployment of full-stack web applications. MERN Stack comprises of 4 technologies namely: MongoDB, Express, React and Node.js. It is designed to make the development process smoother and easier.

* **Mongo DB** : A document-based open source database, that provides you scalability and flexibility.

* **Express JS** : A structured base designed to develop web applications and APIs.

* **React JS** : A Javascript Front-end library for building user interfaces. Maintained by Facebook.

* **Node JS** : A javascript runtime built on Chrome’s V8 JS engine.

Each of these 4 powerful technologies provides an end-to-end framework for the developers to work in and each of these technologies play a big part in the development of web applications ❤️

## Getting Started

### *Install Dependencies*

```

npm install express body-parser cors mongoose nodemon

```

### *Install MongoDb*

```

$ brew tap mongodb/brew

$ brew install mongodb-community

$ brew services start mongodb-community

If you have a previous version of mongodb

$ brew services stop mongodb

$ brew uninstall mongodb

$ brew tap mongodb/brew

$ brew install mongodb-community

$ brew services start mongodb-community

```

For Windows Installation *click here*

### *Start Server*

```

cd server

nodemon start

```

### *Open Web Application*

```

cd client

npm start

```

## Screenshot











## About Me

### Yuvraj Pandey

I am a passionate Engineer who likes to push himself on various fronts of technologies.  

For more exciting updates follow me,