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:

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 https://github.com/cometchat-pro-samples/react-customer-support-live-widget.git

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

• 🏠 CometChat Homepage
• 🚀 Create your free account
• 📚 Documentation
• 👾 GitHub