Chatterbox
Chatterbox is a chat app for mobile devices built with React Native and developed using Expo.
The chat interface functionality is created with the Gifted Chat library. Chat conversations are stored in Postgre SQL databas and are accessible offline.
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.
Online Android Emulator Setup
Go to hosted project here.
- Select 'Android'
- Change version to v41.0.0
- Select 'Tap to play'
- If device preview is at capacity wait in the queue.
- An account is not required to view and run the app
$ npm install expo-cli --global
Set up your React Native App in your projects folder
$ expo init hello-world
Go to your project's directory
$ cd hello-world
Launch the https server Metro Bundler in a new tab
$ npm run start
or
$ expo start
Mobile Device Setup
- Install the Expo app through your device's app store (iOS or Android)
- Login with expo account
- Take a screenshot of the QR Code on the Metro Builder
Device Emulator Setup
- If you would like to run the app on your machine through a simulator/emulator, you will either need
Features
- Home page where users can enter their name and choose a background color for the chat screen
- Conversation page displaying the conversation
- Users can send images and location data
- Datastorage online in firebase Cloud and local storage offline
Technologies
- React Native
- Expo
- Google Firestore Database
- Gifted Chat library
Author
Version
1.0.0