Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 1.47 KB

README.md

File metadata and controls

43 lines (31 loc) · 1.47 KB

Learning MERN Stack

Notes

  • M = MongoDB (We'll use Mongoose to make it easier for Node.js to work with MongoDB, and we'll use MongoDB Atlas = MongoDB database, but cloud).

  • E = Express (makes it easier to work with Node.js. We'll use cors middleware to access other servers outside our server).

  • R = React (for the frontend. We'll use bootstrap for styling, react-router-dom for React routes, react-datepicker for React Datepicker component, and axios to connect to the backend).

  • N = Node.js (for the server. We'll use dotenv to load environment variables from an .env file into process.env, and nodemon to make the app auto-restart when you edit/save files). package:-package lock .json ensure that exactly version of your project and the nested dependencies and /* Exercise Tracker App:

  • Exercises collection

  • Users collection

  • every Exercise has one User

To just get it running after you git clone, set up MongoDB Atlas, and then follow these CLI steps: */

cd /directory name
npm install
cd backend
npm install
touch .env

# inside /mern-2022: (separate CLI tab)
cd ..
cd mern-exercise-tracker
npm start

# inside /backend folder: (separate CLI tab)
cd mern-2022
nodemon server.js
# or: nodemon -x 'npm run lint; node server.js'

Day 11: ![Netflix-react]image