andriajah Thu Jul 2021 3 years ago
Realtime Chat App With React, Node.js, Socket.io | Mern Stack Messenger Clone
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