2.2 KiB
MERN Stack Template
- M = MongoDB
- E = Express.js
- R = React.js
- N = Node.js
How to use this template
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