m-alhamid / vue-realtime-chat-with-cometchat

A small chat group demo made with Vue and Comet Chat to display how you can use Comet Chat in your vue based apps and websites to provide realtime chat experience to users.

Build a realtime chat app with vuejs

Read the full tutorial here:

>> Build a realtime chat app with vuejs

This demo app shows how to build a Realtime group chat app with VueJs:

Running the demo

To run the demo follow these steps:

1. Create a CometChat account if you haven't already
2. From the dashboard, create a new app called "VueJs Group Chat"
3. One created, click Explore
4. Go to the API Keys tab and click Create API Key
5. Create an API key called "VueJs Group Chat Key" with Full Access
6. Download the repository here or by running git clone https://github.com/arthlimchiu/CometChatPro-Tutorial.git and open it in Visual Studio Code
7. Update config.js with your newly-created appID and apiKey
8. npm run serve to run the app and login with one of the test users: superhero1, superhero2, superhero3, superhero4 or superhero5

Questions about running the demo? Open an issue. We're here to help ✌️

Useful links

• 🏠 CometChat Homepage
• 🚀 Create your free account
• 📚 Documentation
• 👾 GitHub

Useful examples

• Complete Kotlin team chat app with voice and video calling