Skip to content

Latest commit

 

History

History

README.md

ConnectyCube chat widget Angular code samples

Overview

The repo provides ready code sample of ConnectyCube chat widget integration.

Chat widget is a React component that seamlessly integrates ConnectyCube's real-time chat capabilities into your web applications. This widget offers an out-of-the-box solution for embedding chat features—such as instant messaging, user presence, and file sharing—without the overhead of building a complete chat system from scratch.

Demo

https://connectycube-chat-widget-angular.onrender.com

Split-view chat widget:

ConnectyCube chat widget, split view image demo

Single-view chat widget:

ConnectyCube chat widget, single view image demo

Setup

Instal dependencies

npm i

Configure

Register new account and application at https://admin.connectycube.com and take Application credentials ( App Id and Auth Key) from 'Overview -> Credentials' page.

Generate default widget config with your credentials:

APP_ID=123 APP_AUTH_KEY=... sh apply-default-config.sh

You can edit config (src/app/config) your self by replacing placeholder variables ('REPLACE_APP_ID', 'REPLACE_APP_AUTH_KEY' etc.)

Run Locally

npm start

Build for Production

npm run build

Documentation

Follow ConnectyCube chat widget integration documentation for installation guide and available props.

Community and support

Website

https://connectycube.com

License

MIT