Chat App
Case Study
Introduction
Chat app for mobile devices using React Native.
The app will provide users with a chat interface and options
to share images and their location.
Objective
Users are able to share images (take a picture or choose from media library) once the user grants access to their local media library and camera. Location sharing is enabled by the user granting the app permission to read user location data.
Screenshot of finished app
Context
The application was part of the web development course at CareerFoundry to build skills
in React Native, and storing messages in Firestore.
The project brief described the features and the requirements accurately and the exercises were
structured to follow this guideline.
Project brief Careerfoundry (source: Careerfoundry)
Tech Stack
- React Native
- Expo
- Gifted Chat library (chat screen and the chat functionality)
- Firebase (Authenticate users anonymously)
- Firestore Database (Store conversations)
- Store chats locally using asyncStorage
1. Step:
Create the Components and the User Interface
2. Step:
Store the messages in Firestore
