Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Chat App Using React and Firebase - Realtime Private Chat Application

Lama Dev via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Build a real-time private chat application using React and Firebase in this comprehensive tutorial. Learn to create a responsive chat app from scratch, covering everything from initial setup to deployment. Master React login and register page design, implement Firebase v9 authentication, set up protected routes with React Router Dom, and structure your Firebase database for efficient chat functionality. Discover how to fetch chat conversations, implement real-time messaging, and add user search capabilities. Gain insights into responsive design with Sass mixins and learn to scroll to the latest message automatically. By the end of this hands-on tutorial, deploy your fully functional React and Firebase chat application.

Syllabus

Introduction
Installation
React Login and Register Page Design
React Chat App Design
Sass Responsive Design with Mixin
React Firebase v9 Authentication Tutorial Login - Register
React Router Dom Protected Route Tutorial
React Firebase Login with Email and Password
Firebase Chat App: Search User
Firebase Chat App Database Structure
Fetch Chat Conversations
React Firebase How to Fetch Private Chat Messages
React Firebase How to Send a Real-time Chat Message
React How to Scroll to the Latest Message
Deploying App
Outro

Taught by

Lama Dev

Reviews

Start your review of Chat App Using React and Firebase - Realtime Private Chat Application

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.