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

YouTube

React MERN Stack Social Media App with Chat Tutorial - Part 3

EGATOR via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Continue building a full-featured social media application with chat functionality in this third part of the MERN Stack tutorial series. Dive into implementing essential features including user authentication with JWT, theme customization, and complete CRUD operations for posts. Learn to develop the frontend interface with components like the navbar, sidebar, and theme modal while integrating Redux Toolkit for state management. Master creating interactive elements such as post creation, feeds display, like/dislike functionality, bookmarking, and comment systems. The tutorial covers everything from setting up hosting and domain configuration to implementing frontend access control and building detailed post pages, providing comprehensive guidance for developing a real-world social media application with the MongoDB, Express, React, and Node.js stack.

Syllabus

00:00 Intro Demo
17:08 Buying Hosting & FREE Domain name
20:56 Creating React App with Vite and installing packages
24:40 Folder Structure
30:15 Routing with React Router Dom
39:10 Redux & Redux Toolkit
50:20 Sign up or Register users
1:12:16 Sign in or Login users
1:19:00 Navbar
1:26:30 Logout
1:28:00 Frontend Access Control or Authentication
1:32:30 Sidebar
1:37:00 Theme Modal & Theme Functionality
1:53:45 Home Main Area Create Post, Feeds, Like/Dislike Post, Bookmark post
2:51:15 Single Post / Post Detail and Post Comments
3:17:10 Bookmarks Page

Taught by

EGATOR

Reviews

Start your review of React MERN Stack Social Media App with Chat Tutorial - Part 3

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.