andriajah Thu Jul 2021 2 years ago

Realtime Chat App With React, Node.js, Socket.io | Mern Stack Messenger Clone

React and Node.js Chat app using Socket.io and MongoDB. How to create MERN stack instant, private chat app. In this full tutorial, you will learn to use react hooks, sending a private message with socket.io, and saving data to MongoDB.

Create a Social Media App All parts:
https://www.youtube.com/playlist?list=PLj-4DlPRT48lXaz5YLvbLC38m25W9Kmqy

Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code: https://github.com/safak/youtube/tree/chat-app

Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Twitter: https://twitter.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr

0:00 Introduction
1:20 React Chat App UI Design
30:34 Node.js MongoDB Chat App Rest API
48:35 Fetching User Conversations from MongoDB
59:20 Fetching Messages from MongoDB
01:09:08 How to Post New Chat Message
01:13:38 React Scroll to End of a Div
01.17.20 What is Socket.io?
01:19:42 How to use Socket.io?
01:22:55 React Socket.io implementation
01.30.19 Socket.io Sending Online Users
01:37:08 React Socket.io Sending Private Message
01:48:12 React Socket.io How to Fetch Online Friends
02:04:35 Outro
react react chat app react tutorial react app react project react node js chat app instant chat socket io react socket.io messenger whatsapp mern mern stack mongodb full tutorial lama dev react hooks clone react js