# MERN Stack Template

<img src='https://github.com/belferink1996/MERN-template/blob/images/images/mern.jpeg' alt='MERN banner' width='700' />

- **M** = [MongoDB](https://www.mongodb.com)
- **E** = [Express.js](https://expressjs.com)
- **R** = [React.js](https://reactjs.org)
- **N** = [Node.js](https://nodejs.org)

<br />
<br />

## How to use this template

<br />

### STEP 1:

Click ["Use this template"](https://github.com/belferink1996/MERN-template/generate) to generate a new repository.<br />
Then open your terminal and clone your repository:

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

<br />

### STEP 2:

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

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

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

> Y

<br />

### STEP 3:

Prepare your MongoDB database ([atlas](https://www.mongodb.com/cloud/atlas), [community](https://github.com/belferink1996/MERN-template/wiki/Install-MongoDB-Community-Server-(MacOS))),<br />
then go to your server folder (backend), and set your workspace:

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

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

> npm start

<br />

### STEP 4: CODE !!!