Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly

Build a Realtime Chat App with MERN Stack. Completely beginner friendly.

Some Features of This App:
🎃 Authentication && Authorization with JWT
👌 Global state management with Zustand
🐞 Error handling both on the server and on the client
⭐ At the end Deployment like a pro for FREE!
⏳ And much more!

Timestamps:
00:00:00 - Demo App
00:02:18 - Project Setup
00:12:20 - Auth Routes Setup
00:23:20 - MongoDB Setup
00:28:30 - Create User Model
00:32:20 - Sign Up Endpoint
00:45:00 - Generate JWT
00:52:50 - Login Endpoint
00:56:50 - Logout Endpoint
00:58:50 - Create Message Model
01:03:10 - Create Conversation Model
01:06:15 - Send Message Endpoint
01:10:11 - Protect Route Middleware
01:25:10 - Get Messages Endpoint
01:31:20 - Get Users for Sidebar Endpoint
01:38:19 - UI Design
02:27:50 - SignUp Functionality
02:50:00 - Create AuthContext
02:59:00 - Logout Functionality
03:03:20 - Login Functionality
03:11:50 - Get Conversations
03:29:00 - Send Message Functionality
03:35:30 - Get Messages
03:54:00 - Search Conversation
04:25:22 - Finally Deployment!

Thanks for watching.

#reactjs #javascript

[ujjwalmaheshwari]

Awesome bro
You will definitely achieve the goal of 2024🔥🔥
Lots of wishes from India bro!!

[mrlukec]

OMG, you are amazing man, you really are, this is such high quality, you have shown so many amazing things, practices on how to organize code to have clean code so many things, you show us better approaches and so many things, I've done this and the video is AMAZING and also thanks so very much for showing how to deploy our apps and how to prepare them for deployment, this really contains it ALL! Thank you again!

[abdallahazme]

This was unbelievably good! Your teaching style is super smooth. If you keep up this quality, I can assure you that your channel will quickly become one of the best with the largest audience. I cannot thank you enough for this amazing content

[azharahmad]

I have just watched 15 min of this. The way u 've explained is super. Keep up the good work bro.

[AbdulMannan-vkmz]

i just started watching the video, hats off to your hard work!! Love your content, keep adding more and more

[coldplay]

Great video bro 🔥 🎉.
Thanks to youtube algorithm for suggesting me this video.😅

[samimoqbel]

I've just finished this tutorial and i want to thank your for your effort. That was one of my best tutorials i've done so far. thanks again! <3

[guillaumefra]

So it's a very great resource for learning MERN using modern stacks... really! I enjoy learning about authentication, signing up, and how the backend communicates with the frontend. Thank you, man! 😍😍

[rivergtx]

Man this is my first Full Stack course and I am learning a lot (i haven't even finished it lmao), keep going with the amazing content

[adnanibrahim]

You are amazing ❤️❤️
You're explaining every bit and teaching how to optimise! Another level 🔥🔥

[anarbairam]

watched the tutorial in one go. it is very clear and informative. thanks!

[pjlpbpz]

You earned a new subscriber man. Such a quality content, this is what I was looking for. Thank you n I wish you will achieve your dream.

[Rtarachand]

Well explained . I loved. Thank you for a great teaching, teaching of coding methods, and step by step testing procedures.

[snoudev]

You're amazing, please upload an audio & video call 🤩🤩🤩, wishing you all the best

[muzzammilnoorkhan]

I like that very much, and i knew only javascript but the way you taught is amazing and i grasp all the concepts of Mern Stack . Keep it up bro, we are waiting for more complex amazing projects .

[faraz]

Loved this . im gonna try to recreate it. Wish me Luck!

[ScriptCodec]

This is infact the most valuable video I've watched on YouTube.

Thank you for this informations.

[dayababuchinthaguntla]

Most satisfying tutorial on mern stack....excellent skills man 🎉 thanks and Cheers 😊

[cemilhanasoglu]

Kardesim anlatiklarin cok güzel ve önemli konular cok iyi anlattin. Senden gurur duyorum. Insallah hep öyle devam edersin.

[MarkAnderson]

Great video, very well explained and easy to follow, and the order that everything was done made so much sense and was very clear. Thank you so much!