MERN Stack Template

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

What is this template?

This template allows you to quick-start your Fullstack application using the MERN stack, it has a server setup with some basic authentication, and a client ready to communicate with the backend.
I have attempted to use the best practices for both ends, which should make it easy for any advanced/new developer to use, and perhaps learn from.

How to use this template

📀 Demo video

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 the root of your repository's folder, and install all dependecies:

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

STEP 3:

Prepare your MongoDB database (atlas, community).
Then configure your database within server/constants/index.js, by configuring the MONGO_URI variable.

STEP 4: CODE !!!

To run the client and/or the server, you can do any of the following:

From the root of your project run:

npm start

OR

Open terminal #1 (backend)

cd ./server
npm start

Open terminal #2 (frontend)

cd ./client
npm start

leoporoli/mern-project