Overview

CometChat Vue UI Kit is a collection of custom UI Components designed specifically for building text chat and voice/video calling features in applications. The UI Kit aims to reduce development efforts significantly and is developed with developers in mind.

Features

• Custom UI Components for text chat and voice/video calling features
• Designed to reduce development efforts significantly
• Compatible with Vue framework

Installation

To install the Vue UI Kit, follow the steps below:

1. Setup

   • Register on the CometChat Dashboard to obtain necessary credentials.
   • Create a new app and note down the App ID, Auth Key, and Region.

2. Configure CometChat inside your app

   • Import the CometChat SDK into your project.
   • Initialize CometChat using the init() method.
   • Login the user using the login() method.

3. Add UI Kit to your project

   • Clone the repository and copy the folder to your source folder.
   • Copy all the dependencies from the package.json file of cometchat-pro-vue-ui-kit into your project’s package.json.
   • Install the dependencies using npm.
   • Install the required emoji-mart-vue-fast library depending on your Vue version.

4. Launch CometChat

   • Use the CometChatUI component from the UI Kit to launch a fully functional chat application.
   • This component integrates all the UI screens and components to create a chat application on your website or application.

Summary

CometChat Vue UI Kit is a convenient collection of custom UI Components that simplifies the process of building text chat and voice/video calling features in Vue applications. With its easy installation and integration, developers can significantly reduce development efforts. The UI Kit provides all the necessary functionality to launch a fully functional chat application quickly and efficiently.