watermark logo

3 Views· 16 August 2022

Realtime Chat App with React, Node.js, Socket.io | MERN Stack Messenger Clone

Advertisement


NidaCarner
Subscribers

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/playli....st?list=PLj-4DlPRT48

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

Show more


Up next

Advertisement


0 Comments