Building a Full-Stack Mobile App with Ionic 4, Nest.js and Chatkit (Part 2)

In the previous tutorial we have created the server side of our chat application that uses TypeScript, Nest.js and Chatkit. Now, in this tutorial, we are going to create the front-end mobile application using Ionic and Chatkit.

Getting Started

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),
• Recent versions of Node.js and npm installed on your system.

Next clone the repository using

git clone https://github.com/techiediaries/ionic4-chatkit.git

Finally navigate inside the project's folder and install the dependenices:

cd ionic4-chatkit
npm install

Next start the development server using:

ionic serve

You can then access your app from localhost:8000 in your browser.

Built With

• Pusher's Chatkit - APIs to enable devs building chat apps
• Ionic 4