Tutorials

Build End-to-End Encrypted Chat with CometChat and Virgil Security

In this tutorial, we’ll show you how to build and implement end-to-end encryption for chat app using CometChat’s UI Kit & Virgil Security’s encryption layer.

How to Build a Java Voice & Video Chat App for Android

In this tutorial, we'll walk through how to build a Java voice and video chat app for Android using CometChat Android UI Kit and Firebase backend services.

How to Create a Tinder Clone Dating Web App in Node JS

Learn how to build a tinder-like dating web app with Node JS and the CometChat JavaScript Chat SDK in this step-by-step tutorial

How to Build a Rideshare Site with React.JS (Uber Clone)

In this tutorial, we are building a rideshare platform that serves as a basic Uber clone, allowsing users to login, find a driver, and chat with the driver.

How to Build a WhatsApp-like Chat App using NextJs

In this tutorial, we will be building a chat application using CometChat and Next.js that will primarily serve as a WhatsApp clone.

How to Build a Social Networking Site with Next.js (Facebook Clone)

Learn how to build a social networking site that will serve as a primary Facebook Clone by going through this step-by-step tutorial.

How to Build a Social Networking Site with React (Facebook Clone)

Is it possible to repeat Facebook’s phenomenal success and build your own social networking site? This tutorial will help you build your own site that'll serve as a Facebook React Clone.

How to Create a Tinder Clone Dating App with React Native and CometChat

In this tutorial, we’ll be looking at how to create a dating app using React Native and CometChat.

How to Build a Marketplace with Angular (Etsy Clone)

In this tutorial, we will build a basic marketplace website using Angular that will serve as a primary Etsy Clone

How to Build a Social Networking site with VueJs (Facebook Clone)

Follow along the steps to build a Facebook clone that will allow users to add Facebook-like posts, stories, and more on the feed. This tutorial will use VueJs, Firebase, and CometChat to build a Facebook clone with a touch of tailwind's CSS.

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

This tutorial will walk you through the process of building a WhatsApp clone. To demonstrate that this is possible using many languages/frameworks/libraries, I will be using PHP.

How to Build a Team Messenger Site With React (Slack Clone)

In this tutorial, we will be combining the full power of React, Firebase, and CometChat to build a slack clone that will leave you mind-blown.

How to Build a Team Messenger Site With PHP (Slack Clone)

You might be wondering if it is possible for you to include chat feature in a web application built with PHP considering that PHP is an old programming language? This tutorial answers that question in clear terms as it will be guiding you through building a Team Messenger Site like SLACK using PHP without pain.

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.

Build an Ionic Chat App with Firebase

Learn how to build a firebase Ionic chat app for iOS & Android, using the CometChat Chat API for Ionic 4, Capacitor and Firebase.

Building a Chat App with React Native Gifted Chat

Learn how to build a chat application using Gifted Chat UI for React Native and CometChat’s React Native Chat SDK.

How to Add @Mentions to a React Chat App

Follow along with this step-by-step tutorial to add ‘@’ mentions in a React chat application.

How to Build a Javascript Chat App

This step-by-step tutorial will guide you on how to build a Javascript chat app using CometChat's chat widget and Firebase.

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 Build an Android Chat App with CometChat’s Chat Kit

Learn how to use our chat UI kit to build a real-time android chat application in less than 30 minutes.

Create a Chat App with Vue.js

In this tutorial, we will explore how to build a chat application by combining the power of VueJs and CometChat’s SDK and UI kit. It will be real-time, easy to build, and we’ll use Vue as our JavaScript framework.

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.

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 Vue Push Notifications functionality in your web app.

How to Add Voice & Video Calling to Your Angular App

In this tutorial, you will learn how to add voice and video calling functionalities to your applications or websites using the CometChat SDK and UI-Kit.

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 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 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!

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 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.

What Is a Chatbot?

We know the concept of chatbots can be a little overwhelming. But what are chatbots? That’s an important question because whether we realize it or not, chatbots are increasingly becoming a bigger part of our daily lives.

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.