Read the full tutorial here:

[>> Add animated typing indicators to your Angular chat app](to be updated)

This example shows how to build a typing indicator into Angular chat application:

This demo uses:

• @cometchat-pro/[email protected]
• [email protected]

To run the demo follow these steps:

1. Head to CometChat Pro and create an account
2. From the dashboard, create a new app called "Typing indicator"
3. One created, click Explore
4. Go to the API Keys tab and click Create API Key
5. Create an API key called "Typing indicator key" with Auth Only
6. Download the repository here or by running git clone https://github.com/cometchat-pro-tutorials/angular-typing-indicators.git
7. Update environment.ts with your newly-created appID and apiKey
8. Install project dependencies by typing: npm install
9. Launch application with: npm start
10. Navigate to http://localhost:4200 and type 'superhero1' in the prompt
11. Open another browser window; navigate to http://localhost:4200 and type 'superhero2' in the prompt
12. You can login up to 4 users (superhero1, superhero2, superhero3, superhero4)
13. Start typing!

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

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