Skip to content

Open-source Voice & Video Calling and Text Chat App for React Native

Notifications You must be signed in to change notification settings

codedadysolutions/react-native-chat-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 

Repository files navigation



CometChat React Native app (built using CometChat Pro React Native SDK) is a text messaging app capable of one-on-one (private) and group messaging.

Platform Platform

Table of Contents

  1. Installation

  2. Config and Run App

  3. Contribute

Installtion

Simply Clone the project from cometchat-pro-react-native-sampe-app repository and open in Text Editor of choice. To run the React Native App you need to have react native setup on your system. To setup react native you can follow the Installation guide at the follwing link React Native Setup.

Make CometChat Pro React NAtive SDK Compatilbe with React Native

We have injected two components from sample app to make Java script SDK compatible with React Native the components are as follows: 1] DOMParser 2] base-64 encode and decode

This is done in LoginScreen.js file in src folder. Here base-64 can be injected globally but DomParser needs to be injected only after CometChat.init().

Config-App

v2.0+

Git clone and checkout master or v2 branch.

Get your Application Keys

Signup for CometChat and then:
  1. Create a new app - select version as v2 and region as Europe or USA.

  2. Head over to the API Keys section and click on the Create API Key button

  3. Enter a name and select the scope as Auth Only

  4. Now note the API Key and App ID

  5. Replace appID,   apiKey and   appRegion in src/LoginScreen.js with your APP ID,   API KEY  and  APP Region respectively.

Note : APP Region values to "us" or "eu".

v1.0+

Git clone and checkout v1 branch.

Get your Application Keys

Signup for CometChat and then:

  1. Create a new app - select version as v1

  2. Head over to the API Keys section and click on the Create API Key button

  3. Enter a name and select the scope as Auth Only

  4. Now note the API Key and App ID

  5. Replace appID   and   apiKey in src/LoginScreen.js with your APP ID,  and  API KEY respectively.

Contribute

Feel free to make a suggestion by creating a pull request.

About

Open-source Voice & Video Calling and Text Chat App for React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.8%
  • Objective-C 3.7%
  • Ruby 2.5%
  • Java 2.3%
  • Starlark 1.7%