Tutorials

Create a Facebook Messenger clone: Adding live chat to BuddyPress

In this tutorial, we’ll use BuddyPress to build a complete social network where users can register, create a profile, send and receive friend requests, post status updates, and perform all the classic social tasks.

How to create a chat room using WordPress

Chat rooms are a great way to drive engagement and can create a sense of community that’ll keep people coming back for more. You can use chat rooms to communicate with your audience directly, for example encouraging them to share feedback about your products or content, or visitors can talk amongst themselves - the latter is a great way to create a buzz of activity on your website, with very little day-to-day effort from you.

How to Create Chatrooms in BuddyPress

In this tutorial, you will learn how to create chat rooms for your BuddyPress powered website. In order to follow along with this tutorial, you need to have CometChat Go installed on your website. You can follow my previous tutorial on installing CometChat Go for WordPress if you haven’t already done so.

What Happened to Chat Bubbles in Android?

Chat Bubbles aka Chat Heads is a user interface element initially introduced by Facebook Messenger back in December 2012. This feature allowed Android and iOS users to chat with multiple persons while using other apps at the same time.

WordPress chat for registered users with WP Membership

In this tutorial, I will help you to disable CometChat Go for unregistered users on your WordPress website. If you’d like to know how to configure CometChat for WordPress, you can learn from my previous tutorial about installing CometChat Go for WordPress [https://www.

Create a business directory in WordPress (no coding required)

Do you want to start generating revenue from your WordPress site? WordPress is best known as a blogging platform, but the easiest way to monetize your website is through user-generated content. Today, some of the world’s most lucrative tech companies produce very little of their own content.

Easy WordPress user chat with CometChat Go

In this post, I’ll introduce you to CometChat Go [http://cometchat.com/go] - a premium WordPress chat plugin to allow users on your website to chat with each other.

Make CometChat work with React Chat elements

In this post, I want to show you how I built a React chat app in a remarkably short amount of time. To implement chat quickly, I sought help from a couple of handy libraries.

How I built a desktop chat app with CometChat and NW.js (and how you can too)

This is not your typical "paste this here" and "paste that there"-type tutorial (you can find plenty of those here on cometchat.com/tutorials [https//cometchat.

Build a jQuery/PHP Powered Chat App

This tutorial will provide you an opportunity to learn how to build a chat application with jQuery and PHP. We will start by downloading a starter application built with PHP and contains enough code and logic to authenticate a user. Afterward, I will walk you through a step by step guide on how to integrate CometChat into this application and make it a functional chat application.

How to build an Android chat app in Kotlin

We’ll be building an Android chat application in Kotlin from scratch. From adding CometChat SDK to live chatting! Below is the overview of what we’ll be doing - - Adding the CometChat SDK and configuring our project. - Implementing user registration - Setting up conversations & chat screens - Live chat in action!

How to build an Android chat app in Java

We’ll be building an Android chat application in Java from scratch. From adding CometChat SDK to live chatting! Below is the overview of what we’ll be doing - - Adding the CometChat SDK and configuring our project. - Implementing user registration - Setting up conversations & chat screens - Live chat in action!

Create a Chat App with Vue.js

A chat feature, containing groups or just one-on-one conversations, is arguably one of the best features that help to promote user engagement for a web or mobile application as it helps your users to easily stay in touch. Building such a feature comes with its challenges as it requires some level of expertise and can be time-consuming. Fortunately, this is one of the reasons why CometChat infrastructure was set up.

How to build a chat app in iOS Swift

We’ll be building an iOS chat application in Swift from scratch. From adding CometChat SDK to live chatting! Below is the overview of what we’ll be doing - - Adding the CometChat SDK and configuring our project. - Implementing user registration - Setting up conversations & chat screens - Live chat in action!

CometChat tutorial: Add Read Receipts to Your iOS Chat App

In this tutorial, we'll focus on adding read and delivery receipts to your iOS app. Read and delivery receipts have been popularized by WhatsApp, and are now standard in almost all big chat apps, whether it's Facebook Messenger, iMessage, Viber or other apps. Adding read receipts lets your users know when they can expect a response. Knowing someone is on the other end of your messages gives you a feeling of real-time communication that you can't get otherwise, leading to a better, more engaging chat experience.

Add read receipts to your Vue app

In this tutorial, I will teach you how to add the delivery and read receipt feature so you can show either a single or double ticks, or check marks next to a message using the CometChat Pro JavaScript SDK.

CometChat tutorial: Adding Push Notifications to your iOS Chat App

You can streamline adding push notifications to a CometChat-powered iOS app, by using CometChat Extensions. CometChat Extensions are commonly-requested features that can make your app stand out from the competition, as well as provide a better experience to your users. There's a bunch of different extensions to choose from: Email and SMSnotifications, link previews, translation, image and message moderation, sentiment analysis and other useful features. In this tutorial, we'll focus on the Push Notifications extension.

Add chat to your Swift app quick

Did you know CometChat is the quickest way to add chat to a Swift application? That sounds like marketing but it's actually true! Using our iOS UI Kit, you can launch a fully working chat application and UI with just a few lines of code. There are also screens and components for more control.

How to Add an Animated Typing Indicator to Your iOS Chat App

Prerequisites * Familiarity with Swift, iOS development and UIKit * Xcode 11.3, Swift 5 Introduction Adding a basic chat feature to your app is an amazing way to connect your users.

How to dismiss iOS keyboard programatically (Swift 5)

"Handling Keyboard in iOS" - This has been a topic or rather a problem since the inception of iOS Development. Whether you are a beginner developer or an experienced one, you'll always be dealing with the handling of keyboards in your apps and chat applications sure won't exist without text-fields! But there's not just 1 issue with the keyboard that we are talking about here.

How to dismiss iOS keyboard programatically (Swift 5)

"Handling Keyboard in iOS" - this has been a topic or rather a problem since the inception of iOS Development. Whether you are a beginner developer or an experienced one, you'll always be dealing with the handling of keyboards in your apps and chat applications sure won't exist without text-fields! But there's not just 1 issue with the keyboard that we are talking about here.

Networking in SwiftUI (7/7)

By now, you did all there is do with your app's UI. You have a way to log in, show contacts and display incoming messages.

SwiftUI Architecture: Observable Objects, the Environment and Combine (6/7)

By now you already have a good understanding of how SwiftUI views work. You create a state variable and a body computed variable that spits out a view based on that state.

Creating a chat screen in SwiftUI (5/7)

A chat app wouldn't be a chat app without a chat screen. In this part of the SwiftUI course, you'll put everything you've learned so far together, and build a cool looking chat screen.

Creating a list in SwiftUI (4/7)

By this part of the course, you've already built a couple of different SwiftUI screens using a bunch of SwiftUI views. You've used Texts, Images, Rectangles, VStacks and HStacks, but there's one type of screen we haven't yet built: A list.

Creating a login screen in SwiftUI (3/7)

In the last part of this SwiftUI course, you've learned all about how to create and arrange SwiftUI views to craft beautiful interfaces. In this part, you'll put those skills to test by building out a login screen for your app.

Your first SwiftUI screen (2/7)

SwiftUI is a unifying framework in more ways than one. Whether you're building an Apple Watch, Apple TV, iPhone, iPad or even Mac apps, SwiftUI will let you do that.

Add Push Notifications to your jQuery chat app

In a previous tutorial, I wrote about how to code a ridiculously good-looking jQuery chat room [https://www.cometchat.

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.