Skip to content
Chat Widget Demo Using React Express + CometChat
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Build a Customer Support Live Chat Widget with React

Read the full tutorial here:

>> Build a Customer Support Live Chat Widget with React

This demo app shows how to build an Android group chat app with React:

Client Agent

Running the demo

To run the demo first setup CometChat:

  1. Head to CometChat Pro and create an account
  2. From the dashboard, create a new app called "React chat widget"
  3. One created, click Explore
  4. Go to the API Keys tab and click Create API Key
  5. Create an API key called "React chat widget key" with Full Access
  6. Go to the Users tab and click Create User
  7. Create a user with the name "Agent" and the UID "Agent"
  8. Download the repository here or by running git clone

Setup the server:

  1. In the root directory run npm install
  2. Open sever.js and update appID, apiKey to use your own credentials
  3. Set agentUID to "Agent"
  4. Run the server by running node server.js

Setup the client:

  1. Go to the client directory
  2. Run npm install there too
  3. Update config.js with your credentials too
  4. In another terminal run npm start to start the client

Questions about running the demo? Open an issue. We're here to help ✌🏻

Useful links

You can’t perform that action at this time.