Note
Version 4 CometChat UI Kits
Weโve introduced a major update to CometChat UI kits. Version 4 features a modular architecture that gives you enhanced flexibility to build and customize your web and mobile apps. Please switch to the branch v4 to check out the sample app based on this version. Visit our documentation to read more about this.
CometChat Kitchen Sink Sample App (built using CometChat UI Kit) is a fully functional real-time messaging app capable of private (one-on-one), group messaging, voice & video calling.
- Login
- Private(1-1) & Group Conversations
- Voice & video calling & conferencing
- Rich Media Attachments
- Typing Indicators
- Text, Media and Custom messages
- Read receipts
- Online Presence Indicators
- Message History
- Users & Friends List
- Groups List
- Search by users and groups
- Conversations List
- Threaded Conversations
Thumbnail Generation | Link Preview | Rich Media Preview | Smart Replies | Emojis | Polls | Reactions | Stickers
-
To run this app, you must have the Node Package Manager (NPM) and Angular CLI already installed and setup . If you don't, this documentation will help you in setting up NPM and Angular CLI Angular - Setup Development Environment (For Windows) and Angular - Setup Development Environment (For Mac)
-
To run this app, you must create an account with CometChat . If you don't have an account, you can create one from CometChat Dashboard.
-
Create a new App in your CometChat account and obtain your
App ID
,Auth Key
andRegion
.
- Clone this repository
git clone https://github.com/cometchat-pro/javascript-angular-chat-app.git
- Navigate to the
CometChatWorkspace/src
directory and replaceAPP_ID
,REGION
andAUTH_KEY
with your CometChatApp ID
,Region
andAuth Key
inCONSTS.ts
file
- Install dependencies and run the app
cd CometChatWorkspace
npm install
ng serve
Learn more about how to integrate UI Kit inside your app.
-
To read the full documentation on UI Kit integration visit our Documentation.
-
Facing any issues while integrating or installing the UI Kit please connect with us via real time support present in CometChat Dashboard.
Contact us via real time support present in CometChat Dashboard.
This project uses the following license.