MERN Stack Blog Web App Tutorial - Full Course | A MERN Stack Guide for beginner

Опубликовано: 12 Март 2025
на канале: Mathieu Media
13,971
313

MERN Stack Tutorial Blog Web App. We will be creating our own blogging web app. In this tutorial, we will be using MongoDb, ExpressJs, Nodejs, React Hooks and Context API. We will also be using @mui/material for UI framework.

Chapters
0 - 00:00:00 Preview
1 - 00:05:58 Set UP
2 - 00:21:16 Creating User Routes
3 - 00:31:25 Registering User (Part 1)
4 - 00:52:48 Registering User (Part 2)
5 - 01:02:29 Login User
6 - 01:10:56 Get Profile & Privatizing Routes
7 - 01:21:17 Blog Routes
8 - 01:31:33 Get & Create Blogs
9 - 01:38:00 Update & Delete Blogs
10 - 01:51:35 Initializing Client
11 - 02:02:10 Client Routes
12 - 02:17:53 Register Page (Part 1)
13 - 02:33:07 Register Page (Part 2)
14 - 02:48:39 Register Page (part 3)
15 - 02:59:59 Introducing Context API
16 - 03:06:13 Auth Context
17 - 03:19:36 Connect Register Page
18 - 03:39:39 Copyright Component
19 - 03:48:39 Connect Register Page (Part 2)
20 - 03:54:58 Connect Login Page
21 - 04:04:25 Header (Part 1)
22 - 04:17:07 Header (Part 2)
23 - 04:26:25 Creating Blog Context
24 - 04:26:26 Getting Blogs
25 - 04:48:43 Menu & Tooltip
26 - 05:00:39 Recent Blog List
27 - 05:12:39 Creating Blog Detail UI
28 - 05:24:14 Displaying Blog
29 - 05:37:46 Updating Blog
30 - 05:55:18 Updating & Deleting Blog
31 - 06:05:06 Creating New Blog
32 - 06:22:45 Auto Generating Blog
33 - 06:28:54 Auto Generating Blog with Option
34 - 06:46:48 Animating Options
35 - 06:51:24 Redirect on Save
36 - 07:01:02 Create Profile
37 - 07:09:29 Displaying & Updating Profile
38 - 07:26:38 Preventing False Redirect
39 - 07:31:47 Theming

















GitHub - https://github.com/mathieumedia/BlogDemo