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

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.

Intro What you'll learn & Project Demo
Hosting & FREE Domain
Project Folder Structure
Routing with React Router 6
General CSS Styles
Navbar CSS
Footer
Error Page
Home/Posts
Post Detail/Single Post Page
Author & Category Posts
Register & Login Page
Authors Page
Profile Page
Dashboard My Posts Page
Create & Edit Post Pages
Media Queries Responsive Design
Prerequisites
Connecting to MongoDB
User Routes & Controllers
Not Found 404 & Error Middleware
Testing Routes with Postman
User Model
Register User
Login User
Get User Profile
Get Users/Authors
Change User Avatar
Authentication Middleware
Edit User
Post Controllers & Routes
Testing Post Routes using Postman
Post Model
Create Post
Get Posts
Get Single Post
Get Posts by Category
Get Posts by Author
Edit Post
Delete Post
Connecting Frontend & Backend