This is a real-time chat app for mobile devices (iOS and Android) built with React Native. The app will provide users with a chat interface, offline function and options to share images and location.

See the app in action.
Use app with expo snack in your browser.

• React Native
• JavaScript
• Google Firebase Database
• Google Firebase authentication
• Google Firebase Cloud Storage
• expo
• Gifted Chat library

• Select custom background color and chat name
• Send a pic
• Take a pic and share it
• Share your location
• Ask for OS's permissions to browse data, use camera and mic
• Fully compatible with screen readers
• Reread chat timeline offline
• Data gets stored on- and offline to provide all time access

(I'm using npm throughout this tutorial. Of course you can use anything else.)

• Node.js

    npm install node@lts
  

• Expo CLI

    npm install --global expo-cli
  

• If you want to run the app on your device you also need the Expo app for Android or iOS. It's available through your App store.

• First of all run:

    npm install
  

• Then start the expo server:

    npm start
  

• scan QR code with your phone or press a (in the console) to start the app on Android studio or i to run it on an iOS simulator.