Tutorials

Build WhatsApp clone using CometChat Angular UI Kit

In this tutorial, we will be building a chat application using CometChat and Angular. In the chat app, a user can register/log in and begin chatting with their contacts, also the user can create a group chat and video call their contacts.

Tinder Clone using CometChat Angular UI

In this tutorial, we have covered what Tinder is and how to use Angular along with CometChat UI Kit to build a clone of Tinder. Moreover, this tutorial covered how to go about creating the famous Tinder welcome page, log in, and registration to log in the user on both application and CometChat, along with matches, messages, and also the homepage to like and dislike users. ‍

How to Build a Messaging site With React (WhatsApp Clone)

In this tutorial, we have been able to see the possibility of creating a WhatsApp-like application using React with the help of CometChat. We made functions to create new user, login user, add a friend, logout of the application and chat with friends in a very short while.

How to Build a Dating Website With React (Tinder Clone)

In this tutorial, you will learn how to create a React App from scratch that will serve as a basic Tinder Clone with chat and video-chat capabilities right on your inbox using some of CometChat’s features and components with easy steps to follow along!

How To Build A Virtual Event Site With Angular (Youtube-Live Clone)

In this tutorial, you will get an in-depth overview of how you can build a complete YouTube clone using Angular by following the given steps.

Build a jQuery Chat App

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.

How to Build a Marketplace Site with Vue and Laravel (Etsy Clone)

In this tutorial, we will build a marketplace site with an important feature to ensure smooth conversation in form of chat from the prospective buyers of an item and the seller in realtime. The application that will be built here will use Laravel for backend logic implementation and Vue.js to handle all frontend interactivity.

Build Marketplace Site With React and Real-time Chat (Amazon Clone)

In this tutorial, you will learn how to create a React App from scratch that will serve as a basic Amazon Clone with chat capabilities right on the product page using some of CometChat’s features and components with easy steps to follow along!

How to Build a Dating Site with VueJs (Tinder Clone)

This tutorial will help you develop web-based communication solution for chatting and calling using CometChat.

How to Build a Marketplace Site with React & Node.js (Etsy Clone)

Buying and selling require communication, if you check most of the e-commerce sites you will notice very few have an implementation of such. In this tutorial we will be exploring this feature by taking Etsy as a case study. we will be implementing a chat feature between the customer and the seller. Using some of Cometchat’s features and components, this implementation will be flawless and fast. we will be using React for our frontend and Node.js for the backend.

How to Build a Virtual Event Site for Laravel/PHP & Vue

The application that will be built in this tutorial is a live event platform that will allow users to view multiple events and be able to select, join and participate in a chat during the live session

How to Build a HIPAA Compliant Telehealth App for Android (Zocdoc Clone)

In this tutorial, we will build a simple clone UI of Zocdoc app with some functionality through which patients and doctors can communicate directly using the open-source CometChat Java Chat UI Kit.

How to Build a Virtual Event Site for React & Node.js

In this tutorial, we will be building a platform, which can provide individuals with the ability to manage their YouTube live events, provide a live chat feature for members using our eloquent and robust CometChat APIs along with components that will give room for smooth automation on the proposed platform.

How to Build a Virtual Event Site with Laravel and JavaScript

In this tutorial we’re going to look at how to build a virtual event site using Laravel and JavaScript. We will be using the CometChat chat widget SDK and the CometChat REST API to implement the chat functionality.

How to Build a HIPAA Compliant Telehealth App for iOS

In this tutorial, we would be exploring an actual use case with a complete user flow considering back-end and CometChat. We’ll be building a clone of OhMD app - A telehealth app which allows doctors and patients to voice, video and text chat with each other.

How to Build a 1-on-1 Angular Chat App

This tutorial is a step-by-step guide on how to create a one-on-one chat in Angular using the CometChat SDKs. It covers everything from installing app dependencies to adding the chat component and UI kit.

Add Video to Your React Chat App

In this tutorial, we would take you through the steps required to add a video chat functionality to your react project.

Build a Fully Featured React Chat App

Building a fully-featured chat app will technically require a lot of infrastructures such as a backend logic, a web socket, and more, fortunately, we have the CometChat infrastructures that covers everything we need to get started with our chat application to leverage on.

Build a chatroom app with nodejs

Creating a group on CometChat is as simple as invoking method createGroup() from the CometChat class within its SDK or by making an API call that sends an HTTP request with the appropriate details as shown here.

Build a simple video chat app for iOS

In this tutorial, we would be building a simple video chat app. I’ll walk you through the basics of integrating CometChat in your app. We’ll then see step by step what do we need to build a simple video chat app in minutes!

Build a simple video chat app for Android

In this tutorial, we would be building a video chat app. We’ll see step by step what do we need to build a simple video chat app in minutes!

Build a Chat App with Laravel

In this tutorial, we will take advantage of the infrastructure put in place by CometChat to implement a chat feature for a Laravel application in no time. This will be a step by step guide that allows you to build authentication and authorization for each user before an access can be granted for participation in a chat session.

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.

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.

UI Components- What Are They? - CometChat

This tutorial will break down what UI Components and Component Libraries are, how they work, why they are used, and how they can make a developer's life easy. Read on.

What are Chat UI Components?

In this article, we will focus on an in-depth explanation of the UI components a standard chat vendor should provide and how important these components are.

What Is an API?

This tutorial will break down what APIs really are, how they work, why they are used, and how they allow two applications to communicate with each other.

What are Chat SDKs?

The article shows us what chat SDKs are, it's features, and how a chat SDK can be used to make chat applications.

What are WebSockets?

A WebSocket is a persistent connection between a client and server. WebSockets provide a bidirectional, full-duplex communications channel that operates over HTTP through a single TCP/IP socket connection. At its core, the WebSocket protocol facilitates message passing between a client and server.

What Is a Chat API?

What is a chat API? How can you choose the best one for your application? And how can you integrate the selected one into your own application? Find out here.

What Is WebRTC?

In this guide, we will explain what is WebRTC, the components that power WebRTC under the hood, and then take a quick look at how to build video and audio calling apps using the WebRTC standard.