In the previous tutorial we have created the server side of our chat application that uses TypeScript, and Node/Nest.js. Now, in this tutorial, we are going to create the frontend mobile application using Ionic 5 and Angular 9.

Chatkit provides developers with client and server side SDKs for working with the API. In the previous tutorial, we used the Node.js SDK. In this tutorial, we’ll be using the JavaScript SDK. Chatkit is retired, make sure to check PubNub Chat which provides the same chat features and more.

What we’ll be building

In this part, we’ll build an Angular/Ionic chat mobile application with several chat features like:

  • User registration and login with email and password,
  • Listing users in a room with their online status,
  • Group chatting.

Prerequisites

To follow along with this tutorial you need to have these prerequisites:

  • Working knowledge of TypeScript,
  • Working knowledge of Angular (we’ll be using Ionic with Angular 9),
  • Recent versions of Node.js (v8.11.2) and npm (v5.6.0) installed on your system.

You can check the installed versions of Node.js and npm using the following commands from your terminal:

$ node --version
$ npm --version

#angular #angular 9 #jwt

Building Chat App Frontend UI with JWT Auth using Ionic 5/Angular 9
16.50 GEEK