Главная
Study mode:
on
1
Intro What you'll learn & Project Demo
2
Hosting & FREE Domain
3
Project Folder Structure
4
Routing with React Router 6
5
General CSS Styles
6
Navbar CSS
7
Footer
8
Error Page
9
Home/Posts
10
Post Detail/Single Post Page
11
Author & Category Posts
12
Register & Login Page
13
Authors Page
14
Profile Page
15
Dashboard My Posts Page
16
Create & Edit Post Pages
17
Media Queries Responsive Design
18
Prerequisites
19
Connecting to MongoDB
20
User Routes & Controllers
21
Not Found 404 & Error Middleware
22
Testing Routes with Postman
23
User Model
24
Register User
25
Login User
26
Get User Profile
27
Get Users/Authors
28
Change User Avatar
29
Authentication Middleware
30
Edit User
31
Post Controllers & Routes
32
Testing Post Routes using Postman
33
Post Model
34
Create Post
35
Get Posts
36
Get Single Post
37
Get Posts by Category
38
Get Posts by Author
39
Edit Post
40
Delete Post
41
Connecting Frontend & Backend
Description:
Embark on a comprehensive journey to build a full-stack MERN (MongoDB, Express.js, React, Node.js) blog application in this extensive tutorial. Learn to implement user authentication with JSON Web Tokens, create responsive designs using CSS variables and media queries, and perform CRUD operations on blog posts. Master the use of React Hooks, Context API, and React Router 6 for efficient front-end development. Dive into back-end technologies like express-fileupload for image handling, bcryptjs for password encryption, and mongoose for MongoDB interactions. Gain practical experience in user registration, login, profile management, and post creation with image uploads. Follow along as the tutorial guides you through setting up the project structure, styling components, implementing responsive design, and connecting the front-end to the back-end. By the end, you'll have built a feature-rich blog application with secure user authentication and full CRUD functionality.

Complete MERN Stack Blog App Tutorial - React, Node.js, Express, MongoDB

EGATOR
Add to list
0:00 / 0:00