This is a chat application for mobile devices that was developed using React Native, Expo's Gifted Chat, and Google Firebase. It provides users with a chat interface to send messages with options to share images and their location via an action button.
- Start screen to input a username as well as choose a background color for the chat screen.
- Chat screen that displays the conversation with an input field for sending messages, as well as an action button for more options.
- Action button with options to Choose Photo From Library, Take Picture, Send Location, or Cancel; the app will ask permission to access the device's photo library/camera/location data.
- Data is stored for both online and offline use.
Start Screen
Chat Screen
Keyboard Input
Action Button
- Node.js
- Expo
- Sign up for an Expo account HERE
- Install the Expo Command Line Interface with
$ npm install expo-cli --global
- Download the Expo app on your smartphone and sign in
- Simulator/Emulator
- Configured Firebase database
- Clone the repository
- Integrate your own Firebase configuration in Chat.js (lines 31-37)
- Install dependencies
$ npm install
- Start the app with
$ npm start
or$ expo start