https://github.com/cometchat/cometchat-sample-app-react-native
Voice & Video Calling and Text Chat App for React Native
https://github.com/cometchat/cometchat-sample-app-react-native
app calling chat conference messaging react-native video voice
Last synced: 6 months ago
JSON representation
Voice & Video Calling and Text Chat App for React Native
- Host: GitHub
- URL: https://github.com/cometchat/cometchat-sample-app-react-native
- Owner: cometchat
- License: other
- Created: 2019-04-12T16:46:09.000Z (over 6 years ago)
- Default Branch: v4
- Last Pushed: 2024-09-25T16:12:53.000Z (about 1 year ago)
- Last Synced: 2024-12-03T04:36:39.902Z (10 months ago)
- Topics: app, calling, chat, conference, messaging, react-native, video, voice
- Language: TypeScript
- Homepage: https://www.cometchat.com
- Size: 21.3 MB
- Stars: 336
- Watchers: 23
- Forks: 167
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Security: SECURITY.md
- Support: SUPPORT.md
Awesome Lists containing this project
README
# React Native Sample App by CometChat
This is a reference application showcasing the integration of [CometChat's React Native UI Kit](https://www.cometchat.com/docs/v4/react-native-uikit/overview) in React Native. It offers developers practical examples for incorporating real-time messaging, as well as voice and video calling functionalities, into their React Native-based applications.
React Native: iOS
React Native: Android
## Prerequisites
- Ensure that you have the React Native development environment set up.
- Follow instructions for your environment at https://reactnative.dev/docs/environment-setup
- Sign up for a [CometChat](https://app.cometchat.com/) account to get your app credentials: _`App ID`_, _`Region`_, and _`Auth Key`_
## Installation
1. Clone the repository:
- Using HTTPS
```
git clone https://github.com/cometchat/cometchat-sample-app-react-native.git
```
2. Navigate to the cloned directory:
```
cd cometchat-sample-app-react-native
```
3. Install dependencies:
```
npm install
```
4. For iOS, install dependencies after navigating to ios:
```sh
cd ios
pod install
```
5. Enter your CometChat _`App ID`_, _`Region`_, and _`Auth Key`_ in the [AppConstants.ts](https://github.com/cometchat/cometchat-sample-app-react-native/blob/v4/AppConstants.ts) file:
https://github.com/cometchat/cometchat-sample-app-react-native/blob/f2910c28c3d3d49031e37a58c536efca1f77cb27/AppConstants.ts#L1-L5
6. If your app is created before August 12th, 2024 then change the sample data URL to `https://assets.cometchat.io/sampleapp/v1/sampledata.json` in the [src/components/login/Login.tsx](https://github.com/cometchat/cometchat-sample-app-react-native/blob/v4/src/components/login/Login.tsx) file: https://github.com/cometchat/cometchat-sample-app-react-native/blob/f2910c28c3d3d49031e37a58c536efca1f77cb27/src/components/login/Login.tsx#L20-L22
7. Run the app on a device or emulator from the repo root.
```sh
npm start
npm run android
npm run ios
```
## Help and Support
For issues running the project or integrating with our UI Kits, consult our [documentation](https://www.cometchat.com/docs/react-native-uikit/integration) or create a [support ticket](https://help.cometchat.com/hc/en-us) or seek real-time support via the [CometChat Dashboard](http://app.cometchat.com/).