Build a Real-time Update Chat App With Multiple Chat Rooms | By Using ReactJs (React Hooks) Firebase
In this video you learn how to build a real-time update chat App using React.js (ReactJs Hooks) and Firebase, it has multiple chat rooms and deletes messages functionalities and UI.
It explained in details so you can understand everything through all the tutorial.
enjoy watching :)
Flow me on Facebook: / dwinatech
Flow me on Twitter: / diwna201
Demo: https://wdc-app.herokuapp.com/
Source code: https://github.com/DwinaTech/wdc-app
Create React App: • How to create React APP 2021? | React Hook...
Upload Images and Files to GitHub Repo: • How to upload images on codepen | How to u...
#ChatApp #React #ReactProject
Timestamp:
00:00:00 Demo
00:00:19 Introduction
00:03:04 Create React App, Install required packages & Remove unnecessary code
00:05:41 Create Firebase Project, Cloud Firestore, Enable login with Google and Add Firebase configurations.
00:15:13 Get a User Credentials & Create Login Component
00:19:25 Create ChatRoom & MessageCard components
00:50:11 Create Logout, NavBar components and add CSS
01:06:10 Create Rooms & Spinner components
01:18:13 Fix Form Textarea Style, Using Multiple Firebase Queries and Displaying User name issues.