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

YouTube

Build and Deploy a Full Stack Social Media App using React JS - MERN Stack Project 2025

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to develop and deploy a comprehensive social media web application using the MERN Stack (MongoDB, Express.js, React.js, and Node.js) in this extensive 12-hour tutorial. Master full-stack development by building a feature-rich platform that includes user authentication through Clerk, real-time chat and messaging capabilities, post and feed systems for sharing text and image content, follow/unfollow functionality, friend request management, story uploads, and user search and discovery features. Implement efficient background job handling using Inngest, optimize media storage and delivery with ImageKit, and connect MongoDB for robust data management. Progress through creating essential components including the home page, sidebar, feed, messaging system, connection management, user profiles, and chat interface, then establish the backend server with proper database integration and webhook setup. Gain hands-on experience with modern web development practices while building a production-ready application that demonstrates real-world architecture patterns, culminating in complete deployment to make your social media platform live and accessible online.

Syllabus

00:00 Project Overview
08:00 Create Basic React Project
19:00 Create Home page and Components
38:10 Clerk Auth Setup
48:50 Create Sidebar Page
01:15:20 Create feed Page
02:32:36 Create List Post
02:54:50 Create Recent Message Page
03:06:00 Create Message Page
03:16:50 Create Connection Page
03:38:14 Create Discover Page
03:59:18 Create Profile page
04:29:30 Create Post Page
04:47:00 Create Chat Page
05:05:00 Create Edit Profile Page
05:30:55 Create Backend Server
05:39:54 Connect MongoDB Database
05:53:34 INNGEST Webhook Setup
06:39:20 Connect ImageKit for image storage
09:34:10 Connect Backend and Fronted
11:40:10 Add Message Notification on Website
11:54:33 Deploy Project Online

Taught by

GreatStack

Reviews

Start your review of Build and Deploy a Full Stack Social Media App using React JS - MERN Stack Project 2025

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.