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

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