Tutorials

Make CometChat work with Wolox React Chat Widget

In this tutorial, you will learn how to build a chat widget powered by CometChat. You will make use of the Wolox Chat widget [https://github.

Coding a ridiculously good looking jQuery chat room

In this tutorial, you will learn how to build a good-looking chat app with jQuery. You’ll take things one step at a time, starting by coding the UI before finally allowing users to send and receive messages in real-time.

Add an animated typing indicator to your React chat app

A typing indicator is a small interface component used to notify the user that the person on the other side is currently typing a message into the text box. It creates effective communication between your user because if your user is aware that the other person is preparing a message, he or she will likely wait before typing a reply and stay on your app longer.

Building a React chat component (plus, how I uploaded my first npm module)

Hi everyone! I’m a React developer and I have been building chat apps using CometChat and React for some tutorials. Along the way, I noticed that I have similar interface component that I used again and again in these tutorials.

Add an animated typing indicator to your Angular chat app

Verbal communication is an essential part of human life. Today, technology brings the possibility of much richer communication channel then standard text-chat to our browsers.

Add an animated typing indicator to your Vue chat app

Most chat applications need a typing indicator and in this tutorial, you'll learn how code your own. “Someone is typing” indicators are a handy communication tool.

SwiftUI: An Introduction (1/7)

Apple dropped a bombshell for developers on WWDC 19. Among a bunch of other things, they released SwiftUI — a whole new way of making iOS apps and the biggest change to iOS development since Swift came out.

Build an Express authentication server for CometChat

Users are required to log in to CometChat to be able to use it. Logging users in to CometChat can be as easy as calling a single method.

Add push notifications to your Angular chat app

In a previous tutorial I wrote about how to build a one-on-one chat using Angular and CometChat [https://www.cometchat.

Code an Android chat app in 30 minutes with CometChat and ChatKit

A couple of weeks ago, my boss tasked me with adding the group chat functionality to our existing Android app, but time was of the essence (I think it was Wednesday, and he said it would be great if we could have it by weekend, it just needed to work). Given a nifty bonus we were promised if we can deliver in such a record time, we decided to give it a go.

Add an animated typing indicator to your Android app

In this tutorial you will learn how to build an Android group chat application with CometChat [https://cometchat.com/pro] then enable beautiful animated typing indicators.

Add Push Notifications to Your React Chat App

Push notifications are an important feature of any modern chat application. Notifications ensure your messages are the first users see when they pick up their device and that your product is always front of mind.

Build one-on-one chat in your Angular app

In this tutorial, we’ll create a one on one chat in Angular [https://angular.io/] using the CometChat Pro SDK [https://www.

Add Push Notifications to Your Vue Chat App

One of the most efficient and non-intrusive ways of providing realtime messages or information to your web application users is through the use of push notifications. It makes your application quite engaging and here at CometChat, we have put together an infrastructure to enable the process of achieving such functionality in your web app.

Add Push Notifications to Your Android Chat App Using Kotlin

For any kind of chat apps, notifications are the driver behind whole chat concept. These notifications lets users know that a new message has been sent, and asks to respond to it.

Build one-on-one chat in your iOS app using Swift

What do Instagram, Tinder, Uber, and eBay all have in common? While they all serve completely different purposes, they all include one-on-one chat. That's because one-on-one chat is the best way to connect two app users, be it a buyer to a seller, a user to their driver, two romantic partners, or even two friends.

Build a React chat app with image sharing

Chat applications have evolved and are now a major part of modern communication tools. Its applications range from communications, team engagements, products reports and feedbacks as well as technical support systems.

Self-destructing voice notes with React

The issue of privacy in messaging apps cannot be overemphasized. As a result, messaging apps find it handy to implement short-lasting messages to maintain the secrecy of conversations.

Build one-on-one chat in your Vue app

Building a chat app for the browser is not a very straightforward task. It requires you to learn some realtime technology (like socket.

Build an iOS chat app using Swift

Adding chat to your app can be a quick way of going from having just another mobile app to an app that allows users to connect with one another. Whether your app is about connecting employers with job hunters, sellers with buyers, daters with one another, or something else entirely - your users will surely apprecaite the easier and more direct communication.

Build an ephemeral React chat app

Ephemeral messaging applications, many of which effectively function as “disappearing messaging apps,” are on the rise and no, I am not only referring to millennials on Snapchat! The rise of self-destructing messaging apps such as SnapChat, Wickr, and a host of others enable users to send messages which are automatically deleted within a particular time after the message is received. Because messages are deleted so soon after being read, personal conversations feel more private and authentic conversations ensue.

Add voice & video calling to your Angular app

Verbal communication is an essential part of human life. Today, technology brings the possibility of much richer communication channel then standard text-chat to our browsers.

Build a one-on-one Android chat app using Kotlin

Once you’ve experienced the best of something, there has to be a good reason to downgrade. This is the kind of mentality users have about chat and it’s palpable.

Build a live chat widget using React and CometChat

Live chat is a customer support method with a proven record. It’s fast and efficient since one agent can help many customers at once.

How To Install Jitsi Meet On Ubuntu

Jitsi Meet is an open source application and so it is easy to integrate into other projects that want to include video calling capabilities. In this tutorial you will learn how to set up Jitsi Meet server so you can securely host an unlimited number of guests at your conferences.

How to Install an ejabberd Server on Ubuntu

Ejabberd is an XMPP messaging server that is designed to be powerful, scalable and reliable. It is capable of hosting over 2 million users on a single node as well as operating on clusters of servers. In this tutorial, you will learn how to install and configure an ejabberd server on Ubuntu 20.04 that uses free Let’s Encrypt TLS certificates to secure your data.