Tutorials

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.

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.

Keyboard Handling in iOS - 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.

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.