MongoDB: A document-based open source database

Express: web application framework for Node.js for routing our app

React: a JS front-end library for building user interfaces

Node.js: JS run-time environment that executes JS code outside of a browser (ex. a server)

Mongoose: simple, schema-based solution to model application data

whenever you implement something on backend have to match it in frontend

have to keep reusing variable so that its used in the childs (basically follow the variables from top to bottom)

api—>actions—>reducers

Database Concepts

Setting Up

2 Folders:

• Server - node and express setup, basic backend stuff, and mongo

  • localhost:3000
  • yarn start for react to start
  • package.json: for all the dependencies

  npm install body-parser cors express mongoose nodemon
  
  #body-parser: enable us to send post requests
  # cors: cross origin requests
  # express: framework for creating routing for our app
  # mongoose: creating models for our posts
  # nodemon: so we don't manually have to reset server for each change
  

• Client - react set up, front end stuff

  • npm start for mongoose + express to start
  • localhost:5000

  npm install axios moment react-file-base64 redux redux-thunk
  
  #axios: making API requests
  # moment: library for working with time and date
  # react-file-base64: converting images
  # redux-thunk: async actions with redux
  

Using MongoDb

• use mongoDb cloud atlas —> basically mongo is hosting your DB on their cloud