Learn the MERN Stack and create an app step-by-step in this video.
MERN is the acronym for MongoDB, Express.js, React.js, and Node.js combination of Javascript-based technologies which are used to build advanced web applications.
MERN is full-stack, following the traditional 3-layered architectural pattern, including the front-end layer (React.js), application layer (Express.js and Node.js), and database layer (MongoDB).
Enjoy the video!
⏰TIMESTAMPS⏰
- 00:00:00 Intro to MERN Stack Development
- 00:00:40 What is MERN?
- 00:01:03 Is MERN a full stack?
- 00:02:38 MERN Architecture
- 00:06:10 Why Choose the MERN Stack?
- 00:10:20 Project setup
- 00:16:23 Server-side Setup
- 00:21:10 Client-side Setup
- 00:27:38 MogoDB Setup
- 00:43:05 Setting up Routes
- 00:52:16 Setting up Controllers
- 00:56:28 Setting up Models
- 01:02:46 Server-side setup for Fetching the data from the Database
- 01:10:28 Server-side setup for Creating a Student
- 01:15:06 HTTP codes explained
- 01:16:50 React application setup and structure building
- 01:41:02 Components structure building for creating and showing students
- 01:49:42 Client-side setup for creating a student
- 02:17:27 Displaying students on the web app
- 02:33:49 Client side setup for deleting a student
- 02:45:18 Server-side setup for deleting a student
- 02:51:03 Ending notes
#mern #mongodb #node #react #express