MERN-Boiler-Plate

This is a boilerplate to build a full stack web application using React, Node.js, Express and Webpack. It is also configured with webpack-dev-server, log4js, eslint, prettier and babel.

Quick Start

# Clone the repository
git clone https://github.com/suhail339/MERN-Boiler-Plate.git

# Go inside the directory
cd MERN-Boiler-Plate

# Install dependencies
yarn (or npm install)

# Start development server
yarn dev (or npm run dev)

# Build for production
yarn build (or npm run build)

# Start production server
yarn start (or npm start)

Installation guide

1. Install VSCode

2. Install ESLint extension

3. Install Prettier extension

4. Modify the VSCode user settings to add below configuration

   "eslint.alwaysShowStatus": true,
   "eslint.autoFixOnSave": true,
   "editor.formatOnSave": true,
   "prettier.eslintIntegration": true

Above, we have modified editor configurations. Alternatively, this can be configured at the project level by following this article.