Project information
- Project Category: App
- Project Background: Personal project 2022
- Project URL: See project on GitHub
- Demo URL: App Demo
chatApp - Native Application
Overview
The project is a React Native Project. This project is a chatapp for mobile devices using React Native. The app provides users with a chat interface and options to share images and location.
Development
I used Expo to develop this app. It is optimized for both Android and iOS devices. The interface and functionality was created using the Gifted Chat library.
To store the chat messages, I used the Google Firestore Database. Images are stored in Firebase Cloud Storage. To make the chat conversations available offline , I used asyncStorage to store them locally. When users are offline, they can’t create new messages (using Gifted Chat’s renderInputToolbar prop). I also used Google Firebase authentication to authenticate users anonymously.
Challenges
The greatest difficulty was geting the right version of firebase to complement the other development dependencies.
Firebase 7.9.0 had to be forced in package.json after reinstallation of node_modules.
Conclusion
This chatapp was the final project for my full-stack web development at CareerFoundry, Berlin, Germany. This project affords me the opportunity to understand the interaction between external database and a built application.