# MERN Stack Template
- **M** = [MongoDB](https://www.mongodb.com)
- **E** = [Express.js](https://expressjs.com)
- **R** = [React.js](https://reactjs.org)
- **N** = [Node.js](https://nodejs.org)
## How to use this template
Here is a [demonstration video](https://youtu.be/e81rqD94QtM) of the following steps.
### STEP 1:
Click ["Use this template"](https://github.com/belferink1996/MERN-template/generate) 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](https://www.mongodb.com/cloud/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 ---> Use the API
react: ^17.0.1
> ---> UI framework
react-dom: ^17.0.1
> ---> UI framework
react-scripts: ^4.0.1
> ---> Quickly launch local service
###### 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