/cometchat-sample-app-angular

Ready-to-use Chat UI Components for Angular (JavaScript/Web)

Primary LanguageTypeScriptOtherNOASSERTION

CometChat

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:

    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:

    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.