React Native Chat App with Firebase – Firestore Course 2020

Course Curriculum

Chapter 1: Introduction

Lecture 1: Self Introduction

Chapter 2: Real-Time Chat App Demo

Lecture 1: Part 1 – App Demo

Lecture 2: Project Structure and How we will Proceed in this App.

Chapter 3: Setting up the Project

Lecture 1: Creating a New Project and Setting-Up github Repo

Chapter 4: Get Started with React-Navigation V5

Lecture 1: Installing the Dependencies

Lecture 2: Getting Started with react-navigation

Lecture 3: Adding boiler-plate code to screens

Lecture 4: Creating a Main Stack Navigator – Part 1

Lecture 5: Creating a Main Stack Navigator – Part 2

Lecture 6: Configuring App.js

Lecture 7: Fixing the issues and pushing the code to github

Chapter 5: Creating Helper Classes

Lecture 1: Analyzing the SignIn Screen

Lecture 2: Implementing Utility Class

Lecture 3: Finishing the Utility Class

Lecture 4: Implementing Colors Class

Lecture 5: Renaming Color Class

Lecture 6: Renaming Navigation Folder

Lecture 7: Creating Const Class

Lecture 8: Creating String Class

Lecture 9: Creating Images Class

Chapter 6: Reusable Components

Lecture 1: Creating Button Component

Lecture 2: Running on Simulators

Lecture 3: Fixing the Issues

Lecture 4: Fixing the Issues conitnues

Lecture 5: Issues fixed and running on simulator

Lecture 6: Creating Email Textfield Component

Lecture 7: Pushing the code

Lecture 8: Whats next?

Lecture 9: Password Textfield Component

Lecture 10: Dismiss keyboard Component

Chapter 7: Designing the Signin Screen

Lecture 1: Designing the Signin Screen.

Lecture 2: Fixing layout issues.

Lecture 3: Finishing the signin screen design.

Lecture 4: Pushing the code

Chapter 8: Securing critical Info

Lecture 1: Installing the Dependencies

Lecture 2: Create .Env File

Lecture 3: Pushing the code

Chapter 9: Setting-up Firebase

Lecture 1: Creating Firebase App

Lecture 2: Adding Web app and installing the dependencies

Lecture 3: Configuring firebase

Lecture 4: Renaming firebase class

Chapter 10: Implementing Firebase Auth

Lecture 1: Implementing firebase auth

Lecture 2: Fixing the issues

Lecture 3: Adding Loader to Button

Lecture 4: Finishing the User Auth

Lecture 5: Handling the error

Lecture 6: Pushing the code

Chapter 11: Creating Chat Groups

Lecture 1: Navigation to Groups Screens

Lecture 2: Adding Navigation bar button

Lecture 3: Creating Custom Text Field

Lecture 4: Finishing the Custom Text Field

Lecture 5: Designing the Create Group Screen

Lecture 6: Fixing the issues

Lecture 7: Fixing the issues cont…

Lecture 8: Issues resolved and Explanation

Lecture 9: Explanation Cont…

Lecture 10: Navigating back to screen

Lecture 11: Implementing the Group Item

Lecture 12: Implementing Group Screen

Lecture 13: Finishing the Group Screen

Lecture 14: Fixing the bugs

Lecture 15: Pushing the code

Chapter 12: Chat Screen

Lecture 1: Creating A MessageFieldView Component

Lecture 2: Implementing MessageFieldView

Lecture 3: Implementing Message Item Component

Lecture 4: Importing Dependencies

Lecture 5: Implementing get messages

Lecture 6: Implementing Chat Screen – Part 1

Lecture 7: Implementing Chat Screen – Part 2

Lecture 8: Implementing Send Messages

Lecture 9: Fixing Issues

Lecture 10: Finishing with the Messages

Lecture 11: Explanation of what we did so far

Lecture 12: Join others created Groups

Lecture 13: Implementing Join Chat

Lecture 14: Finishing Chat Screen

Lecture 15: Opening different Simulators

Lecture 16: Running on Different Simulators

Lecture 17: Testing the chats

Lecture 18: Pushing the code

Chapter 13: Auto Login and Signing out the User

Lecture 1: Creating Splash Screen to handle Auto Login

Lecture 2: Adding Logout functionality to our App

Lecture 3: Fixing the Auto Login Bug

Lecture 4: Pushing the code and merging it to the Master Branch

Chapter 14: Adding animations to the App

Lecture 1: Installing Lottie Animation dependencies

Lecture 2: Adding animation to Splash Screen