React Sample App by CometChat

This is a reference application showcasing the integration of CometChat's React UI Kit within a React framework. It provides developers with examples of implementing real-time messaging and voice and video calling features in their own React-based applications.

Prerequisites

• Ensure that you have Node.js and npm installed:

  1  npm install npm@latest -g

• Sign up for a CometChat account to get your app credentials: App ID, Region, and Auth Key

Installation

1. Clone the repository:

   1  git clone https://github.com/cometchat/cometchat-sample-app-react.git

2. Navigate to the cloned directory:

   1  cd cometchat-sample-app-react

3. Install dependencies:

   1  npm install

4. Enter your CometChat App ID, Region, and Auth Key in the src/AppConstants.ts file: https://github.com/cometchat/cometchat-uikit-react/blob/d294da66ee22849050c8ed952fdabd916fbb8166/src/AppConstants.ts#L1-L7
5. 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/index.tsx file: https://github.com/cometchat/cometchat-uikit-react/blob/d294da66ee22849050c8ed952fdabd916fbb8166/src/components/Login/index.tsx#L43-L45
6. Run the project locally to see all CometChat features in action:

     npm run start
   

Help and Support

For issues running the project or integrating with our UI Kits, consult our documentation or create a support ticket or seek real-time support via the CometChat Dashboard.