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.

Design

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.

Dependencies

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

Conclusion

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.

Links

Go back to Projects