DEV Community

Cover image for Creating a chat application on Flutter using Applozic
Tejas Amle for Applozic Inc

Posted on

Creating a chat application on Flutter using Applozic

Applozic is an amazing platform to create high-quality chat applications that boost your mobile application development.

This service makes the development of chat applications a hassle-free experience by not compromising on the quality and features of the application.

Creating a project

Create a new Flutter project

You could use any Flutter starter kit to generate the scaffold of the project, but for simplicity purposes let’s use the standard Flutter create.

At the time of writing this tutorial, these are the latest Flutter and tooling versions:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, 2.3.0-24.1.pre, on macOS 11.4 20F71 darwin-x64, locale en-IN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.3)
[✓] VS Code (version 1.57.1)
[✓] Connected device (3 available)

Let’s create our bare-bones project by running the following command:

flutter create applozic_example
Enter fullscreen mode Exit fullscreen mode

Installing required dependencies

We would be needing applozic_flutter: ^0.0.4 and flutter_login: ^2.1.0 for the tutorial. To develop your chat application for Flutter and various other frameworks, register for a free trial of Applozic’s chat API.

We use applozic_flutter for the core functionality of the application and flutter_login to scaffold the UI of the login screen quickly.

Please note that the applozic_flutter library hasn’t been migrated to null safety yet, so we cannot build with sound null safety.

name: applozic_example
description: A new Flutter project.

publish_to: "none"

version: 1.0.0+1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.2
  applozic_flutter: ^0.0.4
  flutter_login: ^2.1.0

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^1.0.0

flutter:
  uses-material-design: true
Enter fullscreen mode Exit fullscreen mode

Applozic side

Now you could head over to Applozic Console and create a new application.

Once you have created a new application you will have the Application ID you will be needing that.

Integration

Now once we set up everything, we now have the Application ID of the app.

Let’s save our Application ID in a new file, let’s say config.dart

const String appID = 'Your App ID';
Enter fullscreen mode Exit fullscreen mode

We will need the appID during the authentication part.

For further steps on Authentication, setting up login page, and to know how to use several other functionalities, please check out this page.

To check out more such blogs please read on Applozic's Blog Page

Thank you

Discussion (0)