Build a real time chat app with Firebase and React.js | Beginner tutorial

preview_player
Показать описание
In this video you will learn to create a group chat app using Firebase and its database of firestore. All of this is created using Vite and React js. Also, this project has google auth with firebase.

  1. WebChain Dev
  2. firebase
  3. react
  4. chat app
  5. firebase developers
  6. firebase tutorial
Рекомендации по теме
I built a 0:08:53

I built a chat app in 7 minutes with React & Firebase

NodeJS Realtime Chat: 0:26:57

NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)

Spring boot & 0:58:55

Spring boot & WebSockets: Build a Real-Time Chat App From Scratch

Build and Deploy 1:56:45

Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and React.js

Build a Real 0:17:12

Build a Real Time Chat App With Node.js And Socket.io

Build and Deploy 3:36:04

Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notification...

Build and Deploy 4:40:31

Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly

Python Realtime Chat: 0:14:51

Python Realtime Chat: Build a FULL-STACK app in 17 Minutes! (Best UI 🤩)

Innovating Accessibility: Real-Time 0:42:51

Innovating Accessibility: Real-Time ASL & Captioning for Microsoft Teams

Realtime Chat With 0:58:45

Realtime Chat With Users & Rooms - Socket.io, Node & Express

Build A RealTime 2:21:14

Build A RealTime Chat App With React & Appwrite Cloud

Build a Real-Time 3:51:33

Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind

Build A Realtime 0:59:35

Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial

Build and deploy 2:43:21

Build and deploy a real time chat application with Supabase,Next.js 2024 full course

Build and Deploy 8:28:22

Build and Deploy a Full Stack Realtime Chat Messaging App with NextJS 13

The Simplest Python 0:07:00

The Simplest Python Chat You Can Build

Chat Application using 1:10:08

Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)

Vue Chat App 0:15:28

Vue Chat App 🚀 build scalable, real-time chat with Vue & ChatEngine.io

Build a real 0:12:03

Build a real time chat app with Firebase and React.js | Beginner tutorial

Build a Real-Time 0:09:40

Build a Real-Time Chat App With React

Firebase Realtime Chat 0:24:35

Firebase Realtime Chat | Build and deploy with Firebase, NextJS and Chat Engine (Best UI 🤩)

Socket.io & Express 0:18:09

Socket.io & Express NodeJS Tutorial to build a Realtime Chat App - Part 1

Build A Realtime 1:48:26

Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial | MERN Chat App Using ReactJs

Socket.io & Express 0:06:17

Socket.io & Express NodeJS Tutorial to build a Realtime Chat App - Part 2

Комментарии
Автор

A real life saver. I've been looking for recent tutorials to implement chat app functionality with firebase, most of em are outdated or won't work after implementing it. At least this is a stepping stone. Thanks 👍

akporraphael
Автор

I think it would be better if you explained what the imported functions do upon writing the import that way we can understand why they need to be imported. and how each section of the line does like the snapshot.docs.map what does each one do "snapshot" "docs" "map"

YassineEnnachat
Автор

is there a way where we cn have multiple chats, instead of one global chat where anyone can join with email

fiend_
Автор

firstly thanks for make this video, , i didn't understand your source code 79 and 80 number line code. Can you explain to me? because i am beginner.

MujahidulIslam
Автор

Everything was going well but at last i got this error while connecting to local host
[plugin:vite:react-babel] Chat\src\App.jsx: Unexpected keyword 'const'. (10:4)
13 |
It cannot verify the word const

lorenzoj
visit shbcf.ru