Build a Chat App with HTML, CSS and Vanilla JavaScript
52:23
YouTubeEbenezer Don
Build a Chat App with HTML, CSS and Vanilla JavaScript
In this tutorial, you'll learn how to build a chat app using HTML, CSS, and JavaScript. We'll cover everything you need to know, including real-time DOM updates, browser storage, HTML structuring, CSS styling, JavaScript functions, browser events, and more. By the end of this video, you'll have the skills to create your own JavaScript chat app ...
77.2K viewsMar 22, 2023
Chat App UI Examples
đź”´ Realtime Responsive Chat App with React, Node.js, Socket.io and MongoDB with Group Chats
8:30:59
đź”´ Realtime Responsive Chat App with React, Node.js, Socket.io and MongoDB with Group Chats
YouTubeKishan Sheth
208.4K viewsJul 9, 2024
Full Stack Real-time Chat Application with Authentication Using React JS and Firebase (2025)
5:34:48
Full Stack Real-time Chat Application with Authentication Using React JS and Firebase (2025)
YouTubeGreatStack
170.2K viewsAug 8, 2024
React Chat App Full Tutorial 2024 | Realtime Chat Application Project with Firebase
3:15:08
React Chat App Full Tutorial 2024 | Realtime Chat Application Project with Firebase
YouTubeLama Dev
377.1K viewsApr 10, 2024
Top videos
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
3:36:04
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
YouTubeJavaScript Mastery
1.3M viewsAug 30, 2021
Create Real-time Chat App using HTML, CSS, JavaScript, NodeJS & Socket.io | Full Video
27:42
Create Real-time Chat App using HTML, CSS, JavaScript, NodeJS & Socket.io | Full Video
YouTubeCodingflag
184K viewsJun 14, 2021
Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind
3:51:33
Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind
YouTubeCode Complete
62.3K viewsApr 16, 2024
Chat App UI Trends
UX/UI Design Trends 2025
12:06
UX/UI Design Trends 2025
YouTubeDesignSense
106.7K views7 months ago
Top UI/UX Design Tips - How to Design a Great Bottom Mobile Navigation Bar
23:46
Top UI/UX Design Tips - How to Design a Great Bottom Mobile Navigation Bar
YouTubeuxpeak
45.8K views4 months ago
2025 UI/UX Design Trends - My 5 Predictions
7:47
2025 UI/UX Design Trends - My 5 Predictions
YouTubeDesignCourse
5.8K views7 months ago
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
3:36:04
Find in video from 02:09Demo of Applitico
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentica…
1.3M viewsAug 30, 2021
YouTubeJavaScript Mastery
Create Real-time Chat App using HTML, CSS, JavaScript, NodeJS & Socket.io | Full Video
27:42
Create Real-time Chat App using HTML, CSS, JavaScript, NodeJS & So…
184K viewsJun 14, 2021
YouTubeCodingflag
Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind
3:51:33
Find in video from 01:00Setting Up NextJS Project
Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind
62.3K viewsApr 16, 2024
YouTubeCode Complete
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)
26:57
Find in video from 03:11Initializing the Node.js Server
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)
843.1K viewsJan 17, 2023
YouTubeAdam La Morre
Build Chat App | MERN Stack + Socket.io + JWT Auth 🔥
6:49:36
Build Chat App | MERN Stack + Socket.io + JWT Auth 🔥
88.7K viewsApr 7, 2024
YouTubeStacky Patel
Realtime Chat With Users & Rooms - Socket.io, Node & Express
58:45
Find in video from 01:06Demo of the Application
Realtime Chat With Users & Rooms - Socket.io, Node & Express
894.3K viewsMar 24, 2020
YouTubeTraversy Media
Full Stack Real-time Chat Application with Authentication Using React JS and Firebase (2025)
5:34:48
Find in video from 00:20Setting Up the Chat App
Full Stack Real-time Chat Application with Authentication Using React JS a…
170.2K viewsAug 8, 2024
YouTubeGreatStack
1:10:08
Find in video from 55:00Testing the Chat App
Chat Application using React JS - Build and Deploy a Chat App in 1 Hou…
1.1M viewsJan 29, 2021
YouTubeJavaScript Mastery
55:21
Find in video from 07:35Setting up NodeJS Socket Server
Build Scaleable Realtime Chat App with NextJS and NodeJS Tutorial
107.6K viewsDec 9, 2023
YouTubePiyush Garg
17:12
Find in video from 00:01Introduction to Chat App
Build a Real Time Chat App With Node.js And Socket.io
574.6K viewsMay 25, 2019
YouTubeWeb Dev Simplified
8:33:21
Build a Complete Chat App with MERN Stack | React, Express, NodeJS, Mon…
12.9K viewsJul 18, 2024
YouTubeCODENOVUS
1:00:16
Find in video from 0:00Intro of Real Time Chat App with Users, Rooms | Node.js, Express, Socket.io
Real Time Chat App with Users, Rooms | Node.js, Express, Socket.io
Oct 13, 2023
YouTubeDave Gray
1:30:44
I Created a Realtime Chat Application Using NodeJs and SocketIO
1.1M viewsMay 25, 2020
YouTubeCodeWithHarry
5:59:57
How To Make MERN Stack Chat App With Socket.io | Build Real-Time Full …
135.5K views3 months ago
YouTubeGreatStack
58:56
Find in video from 01:26Demo of the Application
Build a BETTER Facebook Messenger Chat Application | React JS, Firebase…
429.4K viewsMay 28, 2021
YouTubeJavaScript Mastery
9:20:58
Build Chat App with React, Socket.io, Nodejs, Redux-Toolkit, MongoDB (20…
137.9K viewsMay 3, 2024
YouTubeDynamic Coding with Amit
1:01:47
Find in video from 02:29Demo of the Application
Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machi…
867K viewsDec 23, 2022
YouTubeJavaScript Mastery
6:40:00
MERN Chat App using ReactJS, Express, NodeJS, MongoDB, and Soc…
190.1K viewsFeb 24, 2024
YouTube6 Pack Programmer
28:53
Find in video from 13:00Testing the App
How To Create A Video Chat App With WebRTC
931K viewsJul 25, 2020
YouTubeWeb Dev Simplified
3:15:08
Find in video from 0:00Introduction to React Chat App
React Chat App Full Tutorial 2024 | Realtime Chat Application Project wit…
377.1K viewsApr 10, 2024
YouTubeLama Dev
2:45:00
Chat Application using PHP with MySQL & JavaScript
1.1M viewsFeb 15, 2021
YouTubeCodingNepal
1:28:51
Find in video from 01:07Overview of ChatGPT Application
Build Your Own ChatGPT using React JS and OpenAI API | ChatGPT Clone …
27.6K viewsFeb 13, 2024
YouTubeGeeksforGeeks
2:15:02
Find in video from 0:00Intro of Build a Full-Stack Online Chat App in Java (Swing, Springboot Websocket)
Build a Full-Stack Online Chat App in Java (Swing, Springboot Websocket)
27.9K views11 months ago
YouTubeTapTap
8:53
Find in video from 02:28Initializing Firebase App
I built a chat app in 7 minutes with React & Firebase
1.5M viewsSep 23, 2020
YouTubeFireship
1:56:45
Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and …
966.5K viewsSep 30, 2019
YouTubeJavaScript Mastery
4:12:37
Find in video from 03:07Setting Up Applicatio
đź”´ Realtime Chat App with React, Node.js, Socket.io and MongoDB
509.6K viewsMar 2, 2022
YouTubeKishan Sheth
8:30:59
Find in video from 07:00Installing and Configuring Node.js
🔴 Realtime Responsive Chat App with React, Node.js, Socket.io and Mongo…
208.4K viewsJul 9, 2024
YouTubeKishan Sheth
2:08:28
Find in video from 50:00Creating Tables for Chat Application
Angular and Supabase Course – Build a Realtime Chat Application
38K viewsMay 20, 2024
YouTubefreeCodeCamp.org
58:22
Find in video from 0:00Application Demo
Build a Realtime Chat App in React JS, Node JS and Socket.io
12.3K viewsMay 28, 2024
YouTubeCode With Yousaf
See more videos
Static thumbnail place holder