tranhungkt / react-native-chat-app

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

CometChat Kitchen Sink Sample App (React Native)

CometChat Kitchen Sink Sample App (built using CometChat UIKit) is a fully functional real-time messaging app capable of private (one-on-one), group messaging, voice & video calling.

Features

• Login
• Private(1-1) & Group conversations
• Voice & video calling & conferencing
• Rich Media Attachments
• Typing Indicators
• Text, Media and Custom messages
• Read receipts
• Online Presence Indicators
• Message History
• Users & Friends List
• Groups List
• Search by users and groups
• Conversations List
• Threaded Conversations

Extensions

Thumbnail Generation | Link Preview | Rich Media Preview | Smart Reply| Emojis | Polls | Reactions | Stickers

---

Note: Support for Expo CLI based apps.
If you are using Expo CLI to build a React Native app, the calling component will not work as our calling component needs native-level changes.However, you can create a React Native app using React Native CLI or use the 'expo eject' command to convert your app from an expo-managed workflow to a bare workflow.

---

Installation

1. Simply clone the project from this project. After cloning the repository:

Setting up the sample app

• Obtain your APP_ID, AUTH_KEY and REGION from CometChat-Pro Dashboard

• Open the project.

• Run cd CometChatWorkspace/src.

• Modify APP_ID and AUTH_KEY and REGION with your own (update the CONSTS.js file).

• Hit yarn install to install the packages.

• Run cd ios then run pod install to install the pods. Once pods are installed run cd .. to go back to the root folder.

• Run the app on iOS using npx react-native run-ios & on Android using npx react-native run-android.

• Select demo users or enter the UID at the time of login once the app is launched.

Build and run the Sample App.

Note: generating release APK.
Setting the below line in android/build.gradle true or false will determine whether to generate multiple APKs for different CPU architectures or a single APK bundle that works on all devices despite the CPU you're running it on but at the cost of APK bundle size. Default value is true def enableSeparateBuildPerCPUArchitecture = true

Learn more about UI-Kit

Learn more about how to integrate UI Kit inside your app.

Troubleshooting

• To read the full documentation on UI Kit integration visit our Documentation .

• Facing any issues while integrating or installing the UI Kit please connect with us via real time support present in CometChat Dashboard..

Contact 📪

Contact us via real time support present in CometChat Dashboard.