Hey there everyone today I have another special project. We will be building a nice looking application that is able to load data from our own backend coded in Node, Express and MongoDB and into our frontend using React to
display, filter and sort data in a nice looking UI using Material UI. With this project I will also show you how to properly handle error in your express API and how to do some advanced API querying features with express and mongoose.

TIMESTAMPS

00:00:00 Intro & Demo
00:02:53 Project Folder Layout and Boilerplate
00:10:35 Setting Up Database Connection
00:15:07 Atlas Cluster Setup
00:20:09 Setting Up Routes and Controllers
00:26:17 Creating Routes in Postman
00:29:11 Creating Bootcamp Model
00:33:55 Setting up Global Error Handler
00:47:49 Finishing CRUD operations on Bootcamps
00:56:13 Handling Filtering on Backend
01:09:15 Handling Sorting on Backend
01:16:03 Frontend Routing and Navbar
01:21:44 Starting on Bootcamps Page
01:24:06 Getting Data from API
01:20:01 Displaying Bootcamp Cards
01:42:28 Filtering part of UI
01:53:06 Managing state and using useEffect to watch changes
02:06:00 Return ui values from api
02:22:00 Updating UI after refresh
02:31:53 Clear Button & Outro Demo

GitHub Files:

===========

Starter: https://github.com/LloydJanseVanRensb…

Full Project: https://github.com/LloydJanseVanRensb…

Subscribe: https://www.youtube.com/c/ProgrammingKnowledge/featured

#mern #javascript