Note

Version 4 CometChat UI Kits

We’ve introduced a major update to CometChat UI kits. Version 4 features a modular architecture that gives you enhanced flexibility to build and customize your web and mobile apps. Please switch to the branch v4 to check out the sample app based on this version. Visit our documentation to read more about this.

CometChat Kitchen Sink Sample App (React)

CometChat Kitchen Sink Sample App (built using CometChat UI Kit) 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 Replies| Emojis | Polls | Reactions | Stickers

Prerequisites

Before you begin, ensure you have met the following requirements:

• React npm install [email protected]

• React DOM npm install [email protected]

• React scripts npm install [email protected]

Installing React Sample App

1. Clone this repository git clone https://github.com/cometchat-pro/javascript-react-chat-app.git
2. Navigate to the root directory and replace APP_ID, REGION and AUTH_KEY with your CometChat App ID, Region and Auth Key in src/consts.js file.

3. Install dependencies

   a. Add node-sass dependency in your project.

   npm install node-sass@version

   Note: Cross check for the compatible version of this dependency with your system's node version in the link given below
   https://www.npmjs.com/package/node-sass

   b.

   npm install

Running the sample app

  npm start

Add UI Kit to your project

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

Troubleshooting

• To read the full dcoumentation 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.

Contributors

Thanks to the following people who have contributed to this project:

@priyadarshininadar
@ajaygajra
@prathamesh-majgaonkar
@mayur-bhandari

Contact

Contact us via real time support present in CometChat Dashboard.

License

This project uses the following license.