By - GreatStack

How To Make MERN Stack Chat App With Socket.io | Build Real-Time Full Stack Chat Application

How To Make MERN Stack Chat App With Socket.io | Build Real-Time Full Stack Chat Application

GreatStack

0 mins
86914+ students

πŸ“ About This Course

Learn How to create a Full Stack Chat App using MERN and Socket.io | Build and deploy MERN stack chat app using react js and socket.io step by step tutorial πŸ‘‰ Source Code: https://greatstack.dev/p/full-stack-chat-app πŸ‘‰ Live Preview: https://quickchat.greatstack.in πŸ‘‰ Assets: https://greatstack.dev/assets/full-stack-chat-app πŸ‘‰ 30 Days React.js Learning Plan: https://topmate.io/greatstack/1514677 πŸ‘‰ Check Your Resume Score: https://10xresume.co/ SUBSCRIBE: @GreatStackDev ------------------- In this tutorial we are going to build a Full stack Chat App using MongoDB, Express, React, and Node.js. This will be a real-time chat application. it means, when we send a message to another user, they will instantly receive the message without re-loading the application. For creating this real-time messaging feature we will use Socket.IO. It is a free and open-source library that enables real-time bi-direction communication between client app and server. After building this Full stack chat app using reactjs, we will deploy it online for free, using vercel. so that anyone can access this web app and chat with other users. Recommended Backend Tutorials πŸ‘‰Node JS Tutorial: https://youtu.be/yGl3f0xTl_0 πŸ‘‰Express JS Tutorial: https://youtu.be/fBzm9zja2Y8 #fullstack #chatapp #fullstackdeveloper #greatstack #coding #programming #fullstackproject #fullstackwebdevelopment #collegeprojects #webdevelopment #reactjs #expressjs #mernstack ------------------- Watch Full Stack Food Order Website tutorial: πŸ‘‰ https://youtu.be/DBMPXJJfQEA Watch Full Stack Chat App tutorial: πŸ‘‰ https://youtu.be/gbocZlm71nE Watch Full Stack Music Streaming Website πŸ‘‰ https://youtu.be/KdGfhSpT6pc Watch Full Stack Blog Website Tutorial πŸ‘‰ https://youtu.be/HdWCh_4XE1Q ------------------------------------- Build more React JS projects: Complete Portfolio Website In React: πŸ‘‰ https://youtu.be/4ag1LsgIUc0 Build ChatGPT Clone In React: πŸ‘‰ https://youtu.be/EzkWAviyYgg Build AI Image Generator with OpenAI In React πŸ‘‰ https://youtu.be/PZG2MvOjud0 Create Weather App In React πŸ‘‰ https://youtu.be/7JqdjWB88Kk ------------------------------------- Images Credit: https://www.pexels.com/ https://unsplash.com/ https://www.freepik.com/ ------------------------------------- Connect with me: πŸ‘‰ https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack

πŸš€ What You'll Learn

βœ“

Complete understanding of the topic

βœ“

Hands-on practical knowledge

βœ“

Real-world examples and use cases

βœ“

Industry best practices

Premium

Get Full Course Access

Take your learning to the next level with premium features

Unlimited access to all chapters
Interactive quizzes & assessments
Downloadable certificate