Chat App using React and Firebase | Realtime Private Chat Application
React chat application tutorial. Chat app project w/ React & firebase v9.
00:00 Introduction
02:53 Installation
05:04 React Login and Register Page Design
16:45 React Chat App Design
45:40 Sass Responsive Design with Mixin
48:58 React Firebase v9 Authentication Tutorial (Login - Register)
01:12:18 React Router Dom Protected Route Tutorial
01:14:08 React Firebase Login with Email and Password
01:18:31 Firebase Chat App: Search User
01:23:33 Firebase Chat App Database Structure
01:34:22 Fetch Chat Conversations
01:39:16 React Firebase How to Fetch Private Chat Messages
01:49:56 React Firebase How to Send a Real-time Chat Message
02:01:17 React How to Scroll to the Latest Message
02:02:24 Deploying App
02:04:49 Outro
Suggest:
☞ Build a Quiz App Using Vue JS | Vue JS Quiz App Demo | Vue JS Project Tutorial | Simplilearn
☞ Build a Real Time Chat App With Node.js
☞ React Node.js Video Sharing App Full Tutorial (Redux, JWT, Cookies) | MERN Stack Youtube Clone
☞ Build a React.js application and add Authentication with Auth0