Build a Real-time Update Chat App With Multiple Chat Rooms | By Using ReactJs (React Hooks) Firebase

On 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…

Build a Real-time Update Chat App With Multiple Chat Rooms | By Using ReactJs (React Hooks) Firebase

Source

0
(0)

On 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: https://www.facebook.com/DwinaTech
Flow me on Twitter: https://twitter.com/diwna201
Demo: https://wdc-app.herokuapp.com/
Source code: https://github.com/DwinaTech/wdc-app
Create React App: https://youtu.be/FbuMxHThomw
Upload Images and Files to GitHub Repo: https://youtu.be/S2AF-9TZwRQ

#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.

0 / 5. 0