MERN Stack Template

• M = MongoDB
• E = Express.js
• R = React.js
• N = Node.js

How to use this template

Here is a demonstration video of the following steps.

STEP 1:

Click "Use this template" to generate a new repository.
Then open your terminal and clone your repository:

cd ~/Desktop
git clone https://github.com/[your-user-name]/[your-repo-name].git

STEP 2:

Go to your client folder (frontend), and set your workspace:

cd ~/Desktop/[your-repo-name]/client
npm install
npm start

We're unable to detect target browsers.
Would you like to add the defaults to your package.json? (Y/n)

Y

STEP 3:

Prepare your MongoDB database (atlas, community),
then go to your server folder (backend), and set your workspace:

cd ~/Desktop/[your-repo-name]/server
npm install

Set your database within index.js, then start server:

npm start

STEP 4: CODE !!!

Node dependecies & versions:

Client:

axios: ^0.21.0     --->     Build the API
react: ^17.0.1     --->     UI framework
react-dom: ^17.0.1     --->     UI framework
react-scripts: ^4.0.1     --->     Quickly launch local server

Server:

cors: ^2.8.5     --->     Enable HTTP requests
dotenv: ^8.2.0     --->     Secure sensitive information
express: ^4.17.1     --->     Server app
mongoose: ^5.11.8     --->     MongoDB database
nodemon: ^2.0.6     --->     Improved server