ab6817973d
Most devs have Nodemon installed globally on their system, so I removed the dependecy, and when a user types "npm start" on the server app, it will first look for nodemon, and if not found then it will do the standard "node server.js"
2.2 KiB
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 withinindex.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