Tutorials

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

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.

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.

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.