Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Lama Dev via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Build a real-time chat application using React, Node.js, Socket.io, and MongoDB in this comprehensive tutorial. Learn how to create a MERN stack instant messaging app with private chat functionality. Master React hooks, implement Socket.io for real-time communication, and integrate MongoDB for data storage. Follow along to design the chat app UI, develop a REST API with Node.js and MongoDB, fetch user conversations and messages, implement scrolling functionality, and understand Socket.io for handling online users and private messaging. By the end of this tutorial, you'll have created a fully functional messenger clone with modern web technologies.

Syllabus

Introduction
React Chat App UI Design
Node.js MongoDB Chat App Rest API
Fetching User Conversations from MongoDB
Fetching Messages from MongoDB
How to Post New Chat Message
React Scroll to End of a Div
How to use Socket.io?
React Socket.io implementation
React Socket.io Sending Private Message
React Socket.io How to Fetch Online Friends
Outro

Taught by

Lama Dev

Reviews

Start your review of Realtime Chat App with React, Node.js, Socket.io - MERN Stack Messenger Clone

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.