MERN stack course

Brandon S. Ha
1 min readApr 29, 2021

I was taking a course by Filip Jerga. Always wanted to have MERN stack as it’s the perfect way to create a functional web application. I’d summarize his course work and in the end, i would like to build my own application.

JS Basics

  • [JS, Node] — Intro To Basics (Classes, Variables, Callbacks, Arrow Functions, Inheritance, Async, Promises, Observables) -Section 2

React Section

  • [React] — Intro To React (Components, JSX, Redux, State, Props, Bootstrap, Life Cycle Functions, Link To, Render)
  • [React] — Networking (Proxy, Axios, Get data from server)
  • [React] — Authentication (React hook forms, Validation, JWT, Protected Pages + Guards, Axios Interceptor)
  • [React] — Github (Repository creation, branches, pushing changes)
  • [React] — Rental Map (HOC, Composition, Map Component, 3rd Party Service, TomTom API, Caching, Geolocation)
  • [React] — Create Rental Feature
  • [React] — Bookings (Date Range Picker, Book a rental property, Modals, Toast Messages)
  • [React] — Search Rentals by City Feature
  • [React] — Manage Section — Delete Rentals and Bookings
  • [React] — Update Feature (Editable Components, Reusability, Composition & Inheritance )
  • [React] — Crop and Upload Image Feature (Cloudinary, Learn how to send an image in request )
  • [React] — Deployment (Heroku, Production Server Setup)

Node Server Section

  • [Node] — Intro to Node (Express Framework, Server Creation, Postman, MongoDB, Routing, Handle Errors)
  • [Node] — Authentication (JWT, Encryption, Middleware)
  • [Node] — Bookings (Book a rental property, Server Validation)
  • [Node] — Manage Feature (Delete a rental property, Delete a booking)
  • [Node] — Image Upload (Cloudinary, Multer, DataURI, Format transformations)

--

--