/ionic-angular-chat-app

A minimal sample app to showcase how `stream-chat-angular` can be used in an Ionic mobile app

Primary LanguageTypeScript

Ionic Chat App using Stream Angular SDK

This is a demo application which uses Ionic and Stream Angular SDK for building a Chat application that works on the web and on Android and iOS (using Capacitor)

You can check out setting up an Ionic app with Capacitor and The Angular SDK Tutorial

Here's how it looks on a Pixel 2 Android Emulator:

Android Emulator screenshot

Running the Android app

To run the Android app, note that you must have Android Studio installed with any emulator of your choice.

After cloning this repo, install the dependencies using npm install.

In src/app/home/home.page.ts, provide the api_key of your app, a user_id and a user_token. For testing/development purposes, you can manually generate a token using this token and authentication guide after signing into your Stream account.

Run a build of the codebase for web using npm run build.

The www directory generated after the build contains the distributed code for the web.

Add the android app using npx cap add android. This will generate the code for android using the code and assets in www.

Then open the project in Android Studio using npx cap open android

And on Android Studio, run the app using any emulator you want.