Build Real-time Full Stack Instagram Clone with MERN Stack (Socket.io, React.js, MongoDB)
Learn how to create a real-time Full stack Instagram clone from scratch using React.js, Express, NodeJS and MongoDB & Socket.io. This project is perfect for those looking to enhance their skills in web development and add a valuable project to their portfolio. Stay tuned for more exciting updates in future parts!
TIMESTAMPS:
00:00 Build Demo
15:54 Backend Setup
26:58 Connect with MongoDB Database
33:50 Create All Models
56:41 User Controller, Middleware, cloudinary etc
2:23:35 Create Post Controller
3:21:07 Create a Message Controller for Chatting
3:52:05 Frontend Setup (React vite, shadcnui)
3:59:26 Building Signup/Login Pages
4:20:35 Setup React-Router-Dom
4:33:46 Building Left Sidebar Page
4:52:43 Building Post Page
5:47:20 Setup Redux Toolkit for State Management
6:05:08 Implement Delete/like/dislike/comment
8:05:58 Building Right Sidebar Page
8:23:23 Building Profile Page & Follow/Unfollow
10:00:20 Building Chat & Message Pages
10:30:42 Implement Socket.io for real-time like
12:10:55 Implement Protected Routes
12:16:03 Let's Deploy Our App on Render
Source Code: https://github.com/Surendrakumarpatel...
Join Discord: / discord
👉YouTube Clone:
Ep-01: • 🔴 Let's Build & Deploy YouTube Clone ...
Ep-02: • 🔴 Let's Build & Deploy YouTube Clone ...
Ep-03: • 🔴 Let's Build & Deploy YouTube Clone ...
👉Netflix Clone: • Build Fullstack Twitter Clone with ME...
👉Master Redux Toolkit: • Master Redux Toolkit in Hindi 2024 | ...
👉Complete Javascript for Reactjs: • Master Javascript Before Jumping To R...
👉NextJS Authentication App: • Build Full Stack Authentication: Next...
Tags:
instagram clone with reactjs
instagram clone with mernstack
instagram clone with nextjs
fullstack instagram clone
mern stack projects
HashTags:
#mernstackproject
#reactjs
#nextjs
In 2024, it is the most practical web development course on YouTube. We will understand each concept theoretically as well as practically. After understanding the concepts, we will create projects and do fun challenges.
So make sure to subscribe to my channel, So you can't miss any updates.
Follow ME:
LinkedIn: / surendrakumar143
Disclaimer: This build is for educational purposes only. The views, opinions, and technology choices expressed in this video are solely my own and do not reflect those of any current, past, or future employers or affiliations.
Смотрите видео Build Real-time Full Stack Instagram Clone with MERN Stack (Socket.io, React.js, MongoDB) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Patel MernStack 03 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 71,18 раз и оно понравилось 3 тысяч людям.