In this video tutorial, you'll learn how to build a real-time chat application using React and Firebase v9. The video takes you through the entire process of building the application, starting from creating a new project in Firebase to hosting the application on Firebase Hosting. You'll learn how to use Firebase's real-time database and authentication features to create a secure, real-time chat application with React. The video is perfect for anyone interested in learning how to build a real-time chat application, as well as for developers looking to expand their skills in React and Firebase. The tutorial is easy to follow, with step-by-step examples and explanations.
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
Source Code: https://github.com/safak/youtube2022/tree/react-chat
Buy me a coffee: https://www.buymeacoffee.com/lamadev
Subscribe: https://www.youtube.com/@LamaDev/featured
