It is a chat app for mobile devices made with React Native. The app provides users with a chat interface and options to share images and their location.
- As a new user, I want to be able to easily enter a chat room so I can quickly start talking to my friends and family.
- As a user, I want to be able to send messages to my friends and family members to exchange the latest news.
- As a user, I want to send images to my friends to show them what I’m currently doing.
- As a user, I want to share my location with my friends to show them where I am.
- As a user, I want to be able to read my messages offline so I can reread conversations at any time.
- As a user with a visual impairment, I want to use a chat app that is compatible with a screen reader so that I can engage with a chat interface.
- A page where users can enter their name and choose a background color for the chat screen before joining the chat.
- A page displaying the conversation, as well as an input field and submit button.
- The chat must provide users with two additional communication features: sending images and location data.
- Data gets stored online and offline.
- The app must be written in React Native.
- The app must be developed using Expo.
- The app must be styled according to the given screen design.
- Chat conversations must be stored in Google Firestore Database.
- The app must authenticate users anonymously via Google Firebase authentication.
- Chat conversations must be stored locally.
- The app must let users pick and send images from the phone’s image library.
- The app must let users take pictures with the device’s camera app, and send them.
- The app must store images in Firebase Cloud Storage.
- The app must be able to read the user’s location data.
- Location data must be sent via the chat in a map view.
- The chat interface and functionality must be created using the Gifted Chat library.
- The app’s codebase must contain comments.
- React Native
- React Navigation
- Gifted Chat
- Expo
- Google Firebase
This app uses Firebase firstore as database and firebase storage as object store to keep media related stuffs. Messages are stored in messages collection of firestore and images are stored in images folder of firebase storage.
When you run this app with your firestore, you will need to setup messages collection and images folder in your firestore and firebase storage respectively.
This app is not published to AppStore or PlayStore. In order to use this app, Please follow the steps mentioned below.
- Clone the repository.
- Run the command
$ npm install
to install all the required depedencies. - Install Android studio or Xcode to run the Android Phone and I Phone simulators.
- Download and configure the simulators as per your requirments.
- Once the simulators is up and running, you could start the expo server by running the command
$ npm start
- This will start expo server and it will be available at http://localhost:19002/. Open this link in your browser.
- Now you will see options to run the app on a IOS simulator or on an Android simulator using expo. Click on the inteded option and enjoy the app.