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.
Fig : Login page embedded in Website
Fig : Chat Application embedded in Website
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:
- Install packages
npm install
Please Check package.json file for the dependency list.
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
Please change appId and apiKey in src/js/lib/cometchat/ccmanager.js to the provided credentials.
- 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.
- 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.
Feel free to make a suggestion by creating a pull request.