MERN Stack Demo

Skeleton MERN Stack app with Redux and Firebase.

Prequisites

• NodeJs
• npm

Backend configuration

npm init -y

install dependencies

npm i express mongoose concurrently firebase-admin helmet moment

install nodemon for server hot reload and jest for testing

npm i -D nodemon jest

Update package.json

{
  "type": "module",
  "scripts": {
    "start": "node --experimental-modules --experimental-json-modules server.js",
    "server": "nodemon --experimental-json-modules server.js",
    "client": "npm start --prefix client",
    "client-install": "npm install --prefix client",
    "dev": "concurrently \"npm run server\" \"npm run client\"",
    "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client",
    "test": "jest",
    "test:watch": "npm run test -- --watch"
  }
}

Frontend configuration

npx create-react-app client --template redux

Install dependencies

npm i axios firebase prop-types react-router-dom

Update package.json

{
  "proxy": "http://localhost:5000"
}