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.