Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cometchat/cometchat-sample-app-vue
Voice & Video Calling and Text Chat App for Vue (JavaScript/Web)
https://github.com/cometchat/cometchat-sample-app-vue
calling chat conference javascript messaging video voice vue vuejs web
Last synced: 4 days ago
JSON representation
Voice & Video Calling and Text Chat App for Vue (JavaScript/Web)
- Host: GitHub
- URL: https://github.com/cometchat/cometchat-sample-app-vue
- Owner: cometchat
- License: other
- Created: 2020-04-16T06:10:45.000Z (almost 5 years ago)
- Default Branch: v4
- Last Pushed: 2024-09-25T13:41:50.000Z (4 months ago)
- Last Synced: 2024-12-03T04:36:39.500Z (about 2 months ago)
- Topics: calling, chat, conference, javascript, messaging, video, voice, vue, vuejs, web
- Language: Vue
- Homepage: https://www.cometchat.com
- Size: 13.5 MB
- Stars: 53
- Watchers: 13
- Forks: 35
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Vue Sample App by CometChat
This is a reference application showcasing the integration of [CometChat's Vue UI Kit](https://www.cometchat.com/docs/v4/vue-uikit/overview) within a Vue framework. It provides developers with examples of implementing real-time messaging and voice and video calling features in their own Vue-based applications.
## Prerequisites
- Ensure that you have Node.js and npm installed:
```sh
npm install npm@latest -g
```
- Sign up for a [CometChat](https://app.cometchat.com/) account to get your app credentials: _`App ID`_, _`Region`_, and _`Auth Key`_
## Installation
1. Clone the repository:
```
git clone https://github.com/cometchat/cometchat-sample-app-vue.git
```
2. Navigate to the cloned directory:
```
cd cometchat-sample-app-vue
```
3. Install dependencies:
```
npm install
```
4. Enter your CometChat _`App ID`_, _`Region`_, and _`Auth Key`_ in the [src/AppConstants.ts](https://github.com/cometchat/cometchat-sample-app-vue/blob/v4/src/AppConstants.ts) file:
https://github.com/cometchat/cometchat-sample-app-vue/blob/2073befdf46e7eded22dc87f8be195582f71e05e/src/AppConstants.ts#L1-L5
5. If your app is created before August 12th, 2024 then change the sample data URL to `https://assets.cometchat.io/sampleapp/v1/sampledata.json` in the [src/Login/index.vue](https://github.com/cometchat/cometchat-sample-app-vue/blob/v4/src/Login/index.vue) file: https://github.com/cometchat/cometchat-sample-app-vue/blob/2073befdf46e7eded22dc87f8be195582f71e05e/src/Login/index.vue#L249-L251
6. Run the project locally to see all CometChat features in action:
```
npm run serve
```
## Help and Support
For issues running the project or integrating with our UI Kits, consult our [documentation](https://www.cometchat.com/docs/vue-uikit/integration) or create a [support ticket](https://help.cometchat.com/hc/en-us) or seek real-time support via the [CometChat Dashboard](https://app.cometchat.com/).