Each of these are in separate Fragment files with basic UI and dummy data. This shows the tab screens such as Search, Appointments, Recommendations, Medical Team, and Profile. If its patient, it shows the patient flow defined in the MainActivity.kt file. On the app launch, the splash screen checks if the current logged in user is doctor or patient. You can see the different styles like Theme, Toolbar, Text etc. The app utilizes Material Components to create the white-yellow color theme of the app. Let’s get into some basic overview of the code. This code includes different Activity, Fragment, RecyclerView, adapter classes, XML layout files, and resources etc. Once your app is ready, you can see that the app has dummy data on all screens. I am using Android Studio 4.1.2 stable version, but the app should run on any version from 3.2 or later. Once downloaded, open this project in Android Studio and run this in any emulator or Android device. The start-here branch of ZocDoc-Clone repository Īssuming you are comfortable with Git you can run this command to download the repository: git clone -b start-here The code is uploaded to a branch called start-here. Rather, this is a starting point for you to follow along and see how CometChat is integrated in any existing app to add chat functionality. It should be noted that I have not implemented any appointment bookings, calendar, or more advanced features found in the original Zocdoc app. This basic app provides some screens such as Home, Doctors Search, Doctor Profile, Chat, Conversations, Login, Signup etc. Since this article is focused on CometChat UI Kit, so I have already created the Zocdoc clone UI. The first step is to develop the basic user interface flow of the app in a way that it looks like Zocdoc app.

Integration of chat and conversations screen with features like read receipts, unread messages etc.

Doctors cannot initiate a chat with any patient directly.

Doctors can see all the existing patients conversations.

Patients can make a chat with any doctor through their profile.

Patients can view a list of doctors and their profiles.

User authentication with Firebase and connecting it to CometChat.

A basic UI clone of Zocdoc app with themes and colors.

To help you know what to expect, in this tutorial we will discuss about: ZocDoc UI clone is an Android Demo app (using CometChat Pro and Java Chat UI Kit) for a fully functi.

Zocdoc app store