Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

EGATOR via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

Syllabus

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

Taught by

EGATOR

Reviews

Start your review of Complete MERN Stack Blog App Tutorial - React, Node.js, Express, MongoDB

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.