All You Need To Know Mern Stack With Practical Project

Learn MERN stack by building real-world applications with Node, Express, MongoDB, React & integrating RESTful APIs

What you'll learn

Master the entire modern full-stack: Node, Express, React, MongoDB and Mongoose

Learn about the Nodejs built-in core library

Becoming proficient in Expressjs, one of the most widely used web frameworks for Nodejs

Create Express web servers and APIs

Becoming proficient in developing RESTful APIs with Nodejs

Store data with Mongoose and MongoDB

Build a full-stack application using Nodejs and EJS template engine

Becoming proficient in integrating RESTful APIs with React

Master the entire modern frontend stack: React, APIs integration, React hooks

Learn React beautiful mechanism such as Context API, Props drilling, Render props

Authentication, Authorization including password reset

Avoid useless coding - Learn what's important

Requirements

Basic of Javascript

General knowledge of how the web works is recommended but not a must-have

Absolutely no understanding of MERN stack or full-stack development is required, I take you from beginner to intermediate developer

Description

Do you want to build fast and powerful full-stack applications with JavaScript? Would you like to become a more complete and in-demand developer?Then MENR stack is the hottest technology for you to learn right now, and you came to the right place to do it!This is a project based course where we build an extensive, in-depth full-stack application. We will start from scratch and end up with a professional project. We will dive deep into Node, Express, MongoDB, Mongoose, React, React hooks, integrating RESTful APIs . Here is some of what you will learn in this course and project:How Nodejs workNodejs built-in core libraryStream and BufferExpress FrameworkRouting & ControllerExpress middlewareCustom Error HandlingEJS template engineUpload file to S3 bucketSending EmailAuthentication With JWTPassword hashingMongoDB databaseMongoDB Atlas & CompassMongoose ODMModels & RelationshipsMulti user roleAuthentication and AuthorizationAdvanced Query (pagination, filter, searching etc)React core functionalityHow React worksVirtual DOMRendering JSX element Component, State & PropsReact FormControlled form vs Uncontrolled form Rendering list & keyProps drillingContext APIRender PropsReact hooksCustom hooksHandling CSS with ReactReact routingAuthentication and Protected routeRecover password by emailVerify user emailIntegrating RESTful APIsHTTP EssentialsPostman ClientWeb development is evolving, in the past, server-side rendering handled all views and templates, but with the emergence of frontend frameworks like React, Angular, and Vue, projects are now divided into backend and frontend components. The backend manages database interactions and serves JSON, while the frontend fetches data and creates the user interface. This course focuses on the entire full-stack aspect, enabling you to construct robust APIs and integrating RESTful APIs with React project.Our curriculum goes beyond typical Nodejs, Express and React tutorials, as we cover advanced topics like authentication, multi-user roles, permissions, password reset mechanisms, sending email integration, integrating RESTful APIs with React and many more. By the end of this course, you'll have a deep understanding of what it takes to be a proficient full-stack engineer.

Overview

Section 1: Introduction

Lecture 1 Course Overview

Lecture 2 What is Nodejs

Lecture 3 How Nodejs Work

Lecture 4 Install Nodejs on Windows OS

Lecture 5 Install Nodejs on Mac OS

Lecture 6 Install Nodejs on Linux OS

Section 2: Module and Global Object

Lecture 7 How to Run Nodejs Code

Lecture 8 Global Object

Lecture 9 What is Module

Lecture 10 How to Do Export and Import in Nodejs

Lecture 11 What is Module Wrapper Function

Section 3: Core Module in Nodejs

Lecture 12 Core Module Introduction

Lecture 13 Path Module

Lecture 14 OS Module

Lecture 15 FS Module Part 1

Lecture 16 FS Module Part 2

Lecture 17 Event Module Part 1

Lecture 18 Event Module Part 2

Lecture 19 HTTP Module

Section 4: Steam and Buffer Introduction

Lecture 20 Steam and Buffer Introduction

Lecture 21 Read Stream

Lecture 22 Write Stream

Lecture 23 Stream with Pipe

Section 5: Express Framework

Lecture 24 Express Framework Introduction

Lecture 25 Basic Project Setup

Lecture 26 First Express Server

Lecture 27 Nodemon Module

Lecture 28 Request Method

Lecture 29 Take a Look About Postman

Lecture 30 Parse Incoming Request Body

Lecture 31 Params Object

Lecture 32 Query String

Lecture 33 Sub Route

Lecture 34 Cookies

Lecture 35 Request Object Introduction

Lecture 36 Request Object Part 2

Lecture 37 Response Object Introduction

Lecture 38 Response Method

Lecture 39 View Engine and Html Response

Lecture 40 Response Format

Lecture 41 Http Response Status Code

Lecture 42 What is Middleware

Lecture 43 How to Use Middleware

Lecture 44 Error Handling Middleware

Lecture 45 Error Handling

Section 6: MongoDb and Mongoose

Lecture 46 Database Introduction

Lecture 47 MongoDB Install on Windows OS

Lecture 48 MongoDB Install on Mac OS

Lecture 49 MongoDB Install on Linux OS

Lecture 50 Establish Database Connection

Lecture 51 Add to Database Part 1

Lecture 52 Add to Database Part 2

Lecture 53 Find Single Document from Database

Lecture 54 Find Multiple Document from Database

Lecture 55 Update Single Document

Lecture 56 Update Multiple Document

Lecture 57 Delete Single Document

Lecture 58 Delete Multiple Document

Lecture 59 What is ODM

Lecture 60 Database Connection Using Mongoose

Lecture 61 Schema Define

Lecture 62 Add Single Document Using Mongoose

Lecture 63 Add Multiple Document Using Mongoose

Lecture 64 Update Single Document Using Mongoose

Lecture 65 Update Multiple Document Using Mongoose

Lecture 66 Find Single Document Using Mongoose

Lecture 67 Find Multiple Document Using Mongoose

Lecture 68 Delete Single Document Using Mongoose

Lecture 69 Delete Multiple Document Using Mongoose

Lecture 70 Take a Look MongoDB Compass GUI Tool

Section 7: Project Todo

Lecture 71 Project Overview

Lecture 72 Initialize Project

Lecture 73 Add Project to Github

Lecture 74 Connect with Database

Lecture 75 List Todo Page

Lecture 76 Add Todo Page

Lecture 77 Update Todo Page

Lecture 78 Delete Todo Page

Lecture 79 Adding External CSS File

Lecture 80 All Link Clickable

Lecture 81 EJS Partials Concept

Lecture 82 Page Dynamic Title

Lecture 83 Todo Model Schema

Lecture 84 Add Todo

Lecture 85 List Todo

Lecture 86 Date Format

Lecture 87 Code Refactoring Part 1

Lecture 88 Code Refactoring Part 2

Lecture 89 Code Refactoring Part 3

Lecture 90 Code Refactoring Part 4

Lecture 91 Code Refactoring Part 5

Lecture 92 Environment Variable

Lecture 93 Test After Refactor

Lecture 94 Update Todo

Lecture 95 Delete Todo

Lecture 96 Test App

Lecture 97 Clone This Repository

Section 8: Project Blog RESTful APIs

Lecture 98 Project Requirement Analysis

Lecture 99 What is RESTful API

Lecture 100 Initial Project Setup

Lecture 101 Connect Database

Lecture 102 Cloud Database

Lecture 103 User Model

Lecture 104 Signup Route

Lecture 105 Test Signup Route

Lecture 106 Test Database in the Browser

Lecture 107 Morgan Module

Lecture 108 Response Format

Lecture 109 Error Handling Middleware

Lecture 110 Test Error Handle Middleware

Lecture 111 Not Found Route

Lecture 112 Signup Validation Part 1

Lecture 113 Signup Validation Part 2

Lecture 114 Signup Validation Part 3

Lecture 115 Hashed Password

Lecture 116 Signin Route

Lecture 117 Generate Token

Lecture 118 Email Verification Code

Lecture 119 Send Verification Email

Lecture 120 Add Environment Variable

Lecture 121 User Verification

Lecture 122 Send Forgot Password Code

Lecture 123 Recover Password

Lecture 124 Authenticate Middleware

Lecture 125 Change Password

Lecture 126 Update Profile

Lecture 127 Category Model

Lecture 128 Add Category

Lecture 129 Is Admin Middleware

Lecture 130 Update Category

Lecture 131 Delete Category

Lecture 132 Search Categories

Lecture 133 Categories Pagination

Lecture 134 Detail Category

Lecture 135 File Module Introduction

Lecture 136 Upload File

Lecture 137 Filename

Lecture 138 File Filter

Lecture 139 Upload Multiple File

Lecture 140 AWS S3 Bucket Setup

Lecture 141 File Model

Lecture 142 Multer Memory Storage

Lecture 143 Upload File to S3

Lecture 144 Add File to Database

Lecture 145 Signed Url

Lecture 146 Delete File

Lecture 147 Update Profile Picture

Lecture 148 Current User

Lecture 149 Post Model

Lecture 150 Add Post

Lecture 151 Update Post

Lecture 152 Delete Post

Lecture 153 Post List

Lecture 154 Detail Post

Lecture 155 Filter Post by Category

Section 9: React Introduction

Lecture 156 What is React

Lecture 157 What is Virtual DOM

Lecture 158 Setup a React Project

Section 10: JSX Element and Rendering JSX Element

Lecture 159 What is JSX Element

Lecture 160 JSX More Detail

Lecture 161 Rendering JSX Element

Section 11: Component and Props

Lecture 162 What is Component

Lecture 163 What is Props

Lecture 164 Export and Import Component

Lecture 165 Root Component

Lecture 166 Children Property

Lecture 167 Class Based Component

Section 12: State and Life Cycle Method

Lecture 168 What is State

Lecture 169 More About State

Lecture 170 Component Did Mount

Lecture 171 Update State

Lecture 172 Component will Unmount

Lecture 173 State in Functional Component

Lecture 174 Event Handler

Lecture 175 Passing Parameter to Event Handler

Section 13: Conditional Rendering List and Key

Lecture 176 What is Conditional Rendering

Lecture 177 Conditional Rendering More Detail

Lecture 178 List

Lecture 179 List Key Props

Lecture 180 Counter App

Section 14: React Form

Lecture 181 Controlled Form vs Uncontrolled Form

Lecture 182 Input Element

Lecture 183 Textarea Input Element

Lecture 184 Select Element

Lecture 185 Checkbox Input Element

Lecture 186 Radio Input Element

Lecture 187 Submit Input

Lecture 188 Registration Form

Section 15: Higher Order Component

Lecture 189 What is Higher Order Component

Lecture 190 How to Create Higher Order Component

Lecture 191 How to Use Higher Order Component

Section 16: Render Props Pattern

Lecture 192 What is Render Props

Lecture 193 Render Props Example

Lecture 194 Render Props Variation

Section 17: Context API

Lecture 195 Props Drilling

Lecture 196 What is Context API

Lecture 197 Create Custom Context

Lecture 198 How to Use Context

Lecture 199 Built in Context

Lecture 200 useContext Hook

Section 18: React Hook

Lecture 201 React Hook Introduction

Lecture 202 What is useEffect Hook

Lecture 203 Timer Example

Lecture 204 Cleanup Function

Lecture 205 Fetch Data from API Request

Lecture 206 React Memo and useCallback Hook

Lecture 207 useMemo Hook

Lecture 208 useRef Hook

Lecture 209 useReducer Hook

Lecture 210 Complex Counter

Lecture 211 Fetch Post List Example

Lecture 212 Fetch Post List by useReducer Hook

Lecture 213 Custom Hook

Section 19: React CSS

Lecture 214 React Stylesheet

Lecture 215 CSS Style in Html

Lecture 216 Inline CSS

Lecture 217 CSS Module

Lecture 218 Dynamic CSS

Section 20: React Router

Lecture 219 What is React Router

Lecture 220 Route Configuring

Lecture 221 Nav Link

Lecture 222 Active Link

Lecture 223 Navigate Programmatically

Lecture 224 Not Found Route

Lecture 225 Dynamic Route

Lecture 226 Url Params

Lecture 227 Search Params

Lecture 228 Nested Route

Lecture 229 Relative Link

Lecture 230 Source Code

Section 21: React Blog Project

Lecture 231 Project Requirement Analysis

Lecture 232 Initiating React App

Lecture 233 Project Layout and Routing

Lecture 234 Signup Form

Lecture 235 Signup Form Validation

Lecture 236 Signup API Integration

Lecture 237 Cors Middleware

Lecture 238 Base Url

Lecture 239 Toast Message

Lecture 240 Signin API Integration

Lecture 241 Store Information to Local Storage

Lecture 242 Auth Context

Lecture 243 Logout Functionality

Lecture 244 Category Module All Pages

Lecture 245 Add Category

Lecture 246 Add Token to Request Headers

Lecture 247 Category List

Lecture 248 Category List Pagination

Lecture 249 Search Category

Lecture 250 Update Category

Lecture 251 Delete Confirmation Modal

Lecture 252 Delete Category

Lecture 253 Post Module All Pages

Lecture 254 Add New Post

Lecture 255 Upload File

Lecture 256 Post List

Lecture 257 Post Detail

Lecture 258 Post Update

Lecture 259 Post Delete

Lecture 260 Home Page

Lecture 261 Update Profile

Lecture 262 Change Password

Lecture 263 Verify User

Lecture 264 Multi User Role

Lecture 265 Recover Password

Lecture 266 Wrapup

Section 22: What Next

Lecture 267 What Next

Everyone who's interested in building modern, scalable and high-performing web applications,Programmers who want to learn the most in demand skills of a full-stack developer,Any full-stack developer who wants to learn MERN stack