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/nativeConclusion
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