Logo RestartU
MERN Stack – MongoDB, Express, React & NodeJS
Advanced School Of Programming

MERN Stack – MongoDB, Express, React & NodeJS

RestartU
00:16:39
32 Lessons

About This Course

MERN Stack – MongoDB, Express, React & NodeJS

Build Full Stack React Application from Scratch with MongoDB, Express, React, and NodeJS in this project-based course.

What you’ll learn

  • Learn how to build Fullstack apps from scratch
  • Learn how to implement JWT authentication – User Registration, Login, Password Reset
  • Learn how to store data in MongoDB
  • Learn how to send automated email
  • Learn how to upload images in the MERN stack and save them to Cloudinary
  • State management with Redux Toolkit
  • Deploy the app to both Heroku and Render

Requirements

  • Students should know HTML, CSS & JavaScript before taking this course
  • Students should know ReactJS before taking this course

Description

Welcome To The MERN Stack Course

MERN stands for MongoDB, Express.js, React.js, and Node.js – and combined, these four technologies allow you to build amazing web applications.

During this course we will:

  • Learn some NodeJS basics
  • Build API endpoints with Express
  • Build authentication with JSON Web  Token including User Registration, Login, and Password Reset
  • Upload the image with multi and save it to Cloudinary
  • Protect routes to only be accessed by logged-in users
  • Build Frontend pages with React and SCSS
  • Setup Routing with React Router V6
  • Setup MongoDB
  • Complete CRUD functionality
  • Implement pagination on the front-end
  • Connect frontend to backend using Axios
  • Manage state with Redux Toolkit
  • Build a dashboard for product management
  • Utilize “express-async-handler” package
  • Setup error handling in Express
  • Hash passwords
  • Build a user profile page
  • Build a contact us page
  • Edit user profile from the frontend
  • Deploy the app to Heroku and Render

What are the requirements for taking this course?

  1. Knowledge of HTML, CSS, and JavaScript
  2. Knowledge of React
  3. NO Prior Knowledge of NodeJS and Express is required.

Who this course is for?

  • Developers who got basic React knowledge and want to build a full-stack app with the MERN stack from scratch.

NOTE:

This is not an introduction to React course, you are expected to know React before taking this course. However, I try to explain the ReactJS concepts used in every section.

Who this course is for:

  • Students who know ReactJS and want to learn Fullstack development using the MERN stack.

Course Curriculum

1

Introduction and Course Requirement

00:02:57

2

Environment Setup

00:02:04

3

What is MERN Stack

00:10:47

4

Node Basics

00:08:21

5

Modules

00:09:31

6

Core Modules

00:03:20

7

Create a NodeJS Server

00:08:40

8

Create Routes in NodeJS

00:08:50

9

Create an Express Server and Route

00:12:04

10

Continously monitor server with Nodemon

00:08:39

11

HTTP Request Methods and Status Codes

00:08:41

12

Task Manager - Demo

00:02:05

13

Project Setup

00:04:13

14

Create Express Server

00:07:45

15

Create start script with nodemon

00:02:50

16

Setup Postman and Insomia for API testing

00:07:23

17

Setup MongoDB

00:11:02

18

Connect To MongoDB - Method 1

00:11:49

19

Refactor the connection sequence

00:03:11

20

Connect To MongoDB - Method 2

00:05:07

21

Create Task Model and Schema

00:08:06

22

Create a Task Route

00:06:33

23

Middleware

00:07:03

24

Save Task to database

00:10:58

25

Get All Tasks

00:06:08

26

Create Task Route

00:06:11

27

Create Task Controller

00:08:06

28

Get a Single Task

00:11:39

29

Delete a Task

00:08:36

30

Update a Task - PUT

00:11:48

31

Update a Task - PATCH

00:02:13

32

Refactor out Routes

00:08:45

Sign Up to Enroll Free

First 5 videos free!

Already have an account? Sign in

This course includes:

  • 32 video lessons
  • 00:16:39 of content
  • Lifetime access
  • Access on mobile and desktop
  • Certificate of completion

Created: Jan 26, 2023

Updated: Dec 18, 2025