Build Chat App | MERN Stack + Socket.io + JWT Auth 🔥

Learn how to create a Real-Time Chat Application from scratch using ReactJS, Express, NodeJS and MongoDB. 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 App Demo 03:40 Project Setup 14:38 MongoDB Setup 20:22 Create Models 30:31 Signup Endpoint 37:12 Bcryptjs To Hash Password 39:05 User Profile Photo API 43:10 User Route Setup 51:45 Login Endpoint 54:57 Generate JWT Token 1:06:51 Authentication Middleware 1:17:45 Get Other User Endpoint 1:26:50 Send Message Endpoint 1:45:36 Get Message Endpoint 1:57:47 React Setup 1:59:23 Tailwind + Daisy UI Setup 2:09:54 Create Frontend Routing 2:14:03 Create Signup + Login Page 2:49:01 Signup + Login API Call 3:08:31 Redux Setup 3:18:34 Home Page Design 3:58:21 Get Other Users Custom Hook 4:12:44 Logout API Call 4:19:04 Get Messages 4:46:30 Send Message 5:23:00 Search Users 5:34:00 Implementing Socket.io 6:36:06 Persist Our Store 6:47:44 End Game Source Code: https://github.com/Surendrakumarpatel/yt-chat-application Join Discord: https://discord.com/invite/ujZe9PpTBZ 👉YouTube Clone: Ep-01: https://youtu.be/7DrYVZxf25Q Ep-02: https://youtu.be/uBlp5rgwHkw Ep-03: https://youtu.be/IwGS0zBqzqM 👉Twitter Clone: https://youtu.be/y2Kxmvaew90 👉Netflix Clone: https://youtu.be/4eeoleNpEL8 👉Master Redux Toolkit: https://youtu.be/kbJdSExJ5rk 👉Complete Javascript for Reactjs: https://youtu.be/87iczzi3zFc 👉NextJS Authentication App: https://youtu.be/4ILQWTjkHGM KEYWORDS: real time chat application using node.js real time chat app real time chat application real time chat application using mern stack real time chat application using react real time chat app using react js real time chat application using javascript chat app using mern stack chat app using mern simple chat app using mern stack realtime chat app using mern realtime chat app using mern stack full stack chat app using mern create chat app using mern stack simple chat app in mern mern stack chat application mern stack chat app mern stack chatbot mern stack chat app with socket.io mern stack chat app project mern stack chat app 2023 mern stack chat application 2024 full stack chat application full stack chat app full stack chat app mern full stack chat app using mern full stack chat app project full stack messaging app full stack chat web app full stack react chat app chat app using react js chat app using mern stack chat app using socket.io chat app using node js chat app using react and firebase chat app using react chat app using firebase HashTag: #reactjs #mernstackprojects #javascript 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: https://www.linkedin.com/in/surendrakumar143/