# cometchat-sample-app-react-native

**Repository Path**: andersonlmb/cometchat-sample-app-react-native

## Basic Information

- **Project Name**: cometchat-sample-app-react-native
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: v2-legacy
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-31
- **Last Updated**: 2024-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div style="width:100%">
    <div style="width:50%;">
        <div align="center">
       <a> <img align="center" width="180" height="180" alt="CometChat" src="./images/logo.png"> </a>  
        </div>    
    </div>    
</div>

</br></br>

# CometChat Kitchen Sink Sample App (React Native)

[![Platform](https://img.shields.io/badge/Platform-ReactNative-brightgreen)](#)
![GitHub repo size](https://img.shields.io/github/repo-size/cometchat-pro/react-native-chat-app)
![GitHub contributors](https://img.shields.io/github/contributors/cometchat-pro/react-native-chat-app)
![GitHub stars](https://img.shields.io/github/stars/cometchat-pro/react-native-chat-app?style=social)
![Twitter Follow](https://img.shields.io/twitter/follow/cometchat?style=social)
</br></br>

<div style="width:100%">
    <div style="width:50%; display:inline-block">
        <div align="center">
          <img align="left" alt="Main" src="./images/main.png">    
        </div>    
    </div>    
</div>

</br></br>

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](https://prodocs.cometchat.com/docs/extensions-thumbnail-generation) | [Link Preview](https://prodocs.cometchat.com/docs/extensions-link-preview) | [Rich Media Preview](https://prodocs.cometchat.com/docs/extensions-rich-media-preview) | [Smart Reply](https://prodocs.cometchat.com/docs/extensions-smart-reply)| [Emojis](https://prodocs.cometchat.com/docs/extensions-emojis) | [Polls](https://prodocs.cometchat.com/docs/extensions-polls) | [Reactions](https://prodocs.cometchat.com/docs/extensions-reactions) | [Stickers](https://prodocs.cometchat.com/docs/extensions-stickers)

<hr/>

| <div align="left"><span>**Note:**<span style="font-weight:500"> Support for Expo CLI based apps.</span> </span></div>                                                                                                                                                                                                  |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 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](https://app.cometchat.com/)

- Open the project.

- Run `cd CometChatWorkspace/cometchat-app`.

- Modify `APP_ID` and `AUTH_KEY` and `REGION` with your own (update the `CONSTS.ts` file).

- Hit `npm i` 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.

| <div align="left"><span>**Note:**<span style="font-weight:500"> generating release APK.</span> </span></div>                                                                                                                                                                                                                                                |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 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`<br/> `def enableSeparateBuildPerCPUArchitecture = true` |

# Learn more about UI-Kit

Learn more about how to integrate [UI Kit](https://github.com/cometchat-pro/react-native-chat-ui-kit) inside your app.

# Troubleshooting

- To read the full documentation on UI Kit integration visit our [Documentation](https://prodocs.cometchat.com/docs/react-native-ui-kit) .

- Facing any issues while integrating or installing the UI Kit please <a href="https://app.cometchat.com/"> connect with us via real time support present in CometChat Dashboard.</a>.

# Contact 📪

Contact us via real time support present in [CometChat Dashboard](https://app.cometchat.com/).