Javascript Reactjs Demo app (built using CometChat Pro) is a fully functional messaging app capable of one-on-one (private) and group messaging. The app enables users to send text and multimedia messages like audio, video, images, documents.

Note: Please create a v1 app (in the CometChat Dashboard). We are adding support for v2 apps shortly.

Table of Contents

1. Screenshots

2. Config Development Environment

3. Config Chat App

4. Run the Sample

5. Contributing

Screenshots

Fig : Login page embedded in Website

Fig : Chat Application embedded in Website

Config Development Environment

Setup your development environment for Reactjs Sample.

If you don't have node install, Please download appropriate version from official website: Nodejs.org

Once node and npm is installed successfully. You can verify from running following command :

node -v

npm -v

Now you are ready to sync application dependencies. Please follow the following steps:

1. Install packages

npm install

Please Check package.json file for the dependency list.

Config Chat App

If you want to put some changes into the demo app, you should build it using webpack. demo app uses Webpack version : 4+

To know more about Webpack, visit Webpack official documentation : HERE

Note: Please create a v1 app (in the CometChat Dashboard). We are adding support for v2 apps shortly.

Please change appId and apiKey in src/js/lib/cometchat/ccmanager.js to the provided credentials.

Run the Demo App

1. Test the demo app

You can test the demo app with local server by running the following command.

npm run dev

Navigate to localhost:8080 to check sample app. You can update host in package.json file.

2. Build the sample app

When the modification is complete, you'll need to bundle the file using webpack.

npm run build

The bundled file "cc-ui-min.js" are created in the test folder.

Please check webpack.config.js for settings.

Contribute

Feel free to make a suggestion by creating a pull request.