Mobile | Sun Jan 16 202255,029 views

Chat App

Hello my friend! 👋🏼

This is a real-time chat app built with React Native, Firebase and Firestore. for those who don't know, Firebase is a cloud-based real-time database. It provide many features to manage your data, here we have a list of the most important to me 😅:

  • Authentication
  • Storage
  • Database
  • Firestore
  • Analytics
  • AdMob

If you would like to know more about Firebase, you can check out the docs.

About this app

This tutorial is perfect for those who are new to React Native and want to learn how to add real-time functionaluty to their app as well as authentication and storage.


This app design was provided to me by the design team at Eco Studios. Here is the design if you want to play with it 👉🏼 Figma Design.


You can use Yarn or NPM to install the dependencies. In this case we use Yarn and since this project was developed using expo we can also use the expo-cli to install the dependencies.

expo install firebase
expo install expo-constants dotenv
expo install react-native-gesture-handler
expo install react-native-screens
expo install react-native-safe-area-context
expo install react-native-masked-view
yarn add react-native-gifted-chat
yarn add @react-navigation/native-stack @react-navigation/native


As I said at the beginning, this is a great project for begginers and even for those who are not new to React Native. I bealive this is a grat project to have in a resume or portfolio. I am very happy with the app and I hope you will enjoy it as well.

Youtube GitHubDownload

Go back to Projects