mern_image.tar.gz

RunApp

This course is meant to walk you through the docker and LiveVM creation process for a MERN stack application on Educative.

Setting up MERN stack application on Educative

Now, we need to make use of the SPA (Single Page Application) widget for code execution. Go to a lesson in edit mode. Select the SPA widget to place it in the lesson. 

Apart from setting up the files in `usr/local/educative` which can be accessed through the `terminal`, we also need to copy the files separately in the SPA widget. 

If you have a GitHub repository, you can copy the files from the GitHub link. 

Now you have imported the code, select the appropriate Docker job and you are good to go!

# Basic MERN Stack App

### Front-End - React + Redux

### Back-End - Node.js, Express.js & MongoDB

To run it locally -

### Steps to run in development mode:-

1. Fork the repo and clone it.
2. Switch to `development` branch for running in development mode.
3. Make sure you have `yarn` Node.js & MongoDB installed in your system.
4. [Only once] Run (from the root) `yarn install` and `cd client && yarn install`.
5. Open two terminal windows (one for running Server and other for the UI).
6. Start MongoDB service with `sudo service mongod start`. 
7. Run `yarn server` to start the server. By default it will run on `port 5000`.
8. For UI run `yarn client` and it will open on a new tab on `port 3000`.
9. Go to `http://localhost:3000` to see the application running.

### Steps to run in production mode:-
Follow steps 1 & 3-7 for running in production mode.
This time go to `http://localhost:5000` to see the application running.


const JWTSECRET = process.env.JWTSECRET;
const DB_USERNAME = process.env.DB_USERNAME;
const DB_PASSWORD = process.env.DB_PASSWORD;

module.exports = {
    jwtSecret: JWTSECRET,
    mongodburi: 'mongodb://' + DB_USERNAME + ':' + DB_PASSWORD + '@ds233763.mlab.com:33763/basic-mern-stack-app'
};

Dockerizing MERN stack application

Setting Up on Educative