Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cometchat/cometchat-sample-app-angular
Ready-to-use Chat UI Components for Angular (JavaScript/Web)
https://github.com/cometchat/cometchat-sample-app-angular
angular calling chat conference javascript ui ui-components uikit video voice web
Last synced: 4 days ago
JSON representation
Ready-to-use Chat UI Components for Angular (JavaScript/Web)
- Host: GitHub
- URL: https://github.com/cometchat/cometchat-sample-app-angular
- Owner: cometchat
- License: other
- Created: 2020-02-17T16:21:51.000Z (almost 5 years ago)
- Default Branch: v4
- Last Pushed: 2024-08-09T13:41:52.000Z (6 months ago)
- Last Synced: 2025-01-16T03:14:00.138Z (11 days ago)
- Topics: angular, calling, chat, conference, javascript, ui, ui-components, uikit, video, voice, web
- Language: TypeScript
- Homepage:
- Size: 41.3 MB
- Stars: 36
- Watchers: 15
- Forks: 45
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Security: SECURITY.md
- Support: SUPPORT.md
Awesome Lists containing this project
README
# Angular Sample App by CometChat
This is a reference application showcasing the integration of [CometChat's Angular UI Kit](https://www.cometchat.com/docs/v4/angular-uikit/overview) within an Angular framework. It provides developers with examples of implementing real-time messaging and voice and video calling features in their own Angular-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-angular.git
```
2. Navigate to the cloned directory:
```
cd cometchat-sample-app-angular
```
3. Install dependencies:
```
npm install
```
4. Enter your CometChat _`App ID`_, _`Region`_, and _`Auth Key`_ in the [AppConstants.ts](https://github.com/cometchat/cometchat-sample-app-angular/blob/v4/src/AppConstants.ts) file:
https://github.com/cometchat/cometchat-sample-app-angular/blob/b624244691176cad7b468b8fa343fe3b3f76e27a/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/app/login/login.component.ts](https://github.com/cometchat/cometchat-sample-app-angular/src/app/login/login.component.ts) file: https://github.com/cometchat/cometchat-sample-app-angular/blob/b624244691176cad7b468b8fa343fe3b3f76e27a/src/app/login/login.component.ts#L38-L40
6. Run the project locally to see all CometChat features in action:
```
npm run start
```
## Help and Support
For issues running the project or integrating with our UI Kits, consult our [documentation](https://www.cometchat.com/docs/angular-uikit/integration) or create a [support ticket](https://help.cometchat.com/hc/en-us) or seek real-time support via the [CometChat Dashboard](http://app.cometchat.com/).