MERN Stack Social Media App with Chat - MongoDB, ExpressJS, NodeJS, ReactJS, Socket.io, JWT Tutorial

This comprehensive tutorial guides you through building and deploying a complete social media application with a chat system using the MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS). Learn to implement full CRUD functionality while integrating Cloudinary for file storage, JWT for authentication, Socket.io for real-time chat capabilities, Postman for API testing, and Redux Toolkit for state management. Perfect for developers wanting to create a real-world application with user authentication, authorization, and theme customization features. The 2-hour 25-minute tutorial is structured with detailed timestamps covering everything from initial setup and MongoDB connection to implementing user registration, login functionality, profile editing, and follow/unfollow features. Source code is available through the provided link, with a Part 2 coming soon.

Syllabus

00:00 Intro Demo
22:45 Installing Depencies
27:49 Creating Server
30:35 Connecting MongoDB
40:22 Error Model & Middleware
45:40 User Model
51:40 User Controller
59:40 User Routes
1:05:40 Postman
1:13:50 Register User
1:26:30 Login User
1:36:06 Get User
1:38:00 Get Users
1:39:50 Edit User
1:41:30 Auth Middleware
1:52:55 Follow/Unfollow User
1:03:00 Change User Profile Photo/Avatar & Cloudinary