This is a single group chat application where one can chat with all the members having the application. It is implemented using firebase realtime database.
Go to GCP console and create a new project.
Now go to API & Services and then add an OAuth consent screen, select user type as External and add some app name and email. Hit save and continue and then go to credentials tab.
Create a OAuth client ID credential and fill the details.
SHA-1 ceritficate fingerprint is random and is generated using
$ openssl rand -base64 32 | openssl sha1 -c
Go to Firebase console and add firebase to the same gcp project.
Go to project settings, in general tab, create a web app.
Give it some name and copy the firebaseConfig object.
Make sure your webapp is created.
Go to realtime database tab and create it.
Edit the rules as follows:
Clone repo and install npm packages.
$ git clone https://github.com/Sanket-Valani/react-native-group-chat.git
$ cd react-native-group-chat
$ npm install
Edit this credentials.js file The CLIENT_ID is the OAuth API key which will be create after Step 2 and the firebase_js is the firebaseConfig object in Step 4.
Connect your phone and laptop/pc to a common wifi network and then run
$ npm start
App will get listed in the Expo client.
This app will run properly on an Expo client only. To run it on a standalone app please refer this.
Author: Sanket-Valani
Source Code: https://github.com/Sanket-Valani/react-native-group-chat
#react #react-native #mobile-apps