MENU

Fun & Interesting

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

Lama Dev 570,241 4 years ago
Video Not Working? Fix It Now

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

Comment