Build Private Chat App with React and Firebase version 9

Learn how to utilize firebase authentication, firestore and storage in react app by building an app from scratch

What you’ll learn:
Firebase authentication
Firebase firestore CRUD operations
Firebase storage CRUD operations
React app deployment

Requirements
Basic knowledge of reactjs with hooks

Description
In this course we will build a private chat app with React and Firebase. We will use firebase SDK version 9.

There are breaking changes in firebase version 9 as it is based on modular approach.

We will utilize:

Firebase Authentication

to authenticate users in our app (register / login)

Firebase Firestore

to store users information and messages

Firebase Storage

to store images

About Project

First user will have to create an account or login. Upon successful authentication, will be redirected to chat page. We will also give ability to user to upload photo to firebase storage which will be used as user’s avatar.

In chat page, we will show list of all the registered users and when we click on any user, we will be able to start conversation with that user. User will also be able to send image in message

We will also work on letting users know whether someone is online or offline. Also, if there is a new message we will show a notification / indicator as well as if user have any previous conversations with other users, he will be able to see the last message sent or received.

Note

If you have basic knowledge of react with hooks and you are willing to learn how to work with firebase authentication, firestore database and firebase storage then this course is for you.

Who this course is for
Developers who want to build a project with react and firebase