Angular Sample App by CometChat

This is a reference application showcasing the integration of CometChat's Angular UI Kit 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:

  npm install npm@latest -g

• Sign up for a CometChat 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 file:

   cometchat-sample-app-angular/src/AppConstants.ts

   Lines 1 to 5 in b624244

   	export const AppConstants = {
   	APP_ID: "APP_ID",
   	REGION: "REGION",
   	AUTH_KEY: "AUTH_KEY",
   	};

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 file:

   cometchat-sample-app-angular/src/app/login/login.component.ts

   Lines 38 to 40 in b624244

   	const response = await fetch(
   	"https://assets.cometchat.io/sampleapp/sampledata.json"
   	);

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 or create a support ticket or seek real-time support via the CometChat Dashboard.