Skip to content

docs: refine android ui kit overview with Mintlify components #51

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

docs: refine android ui kit overview with Mintlify components #51

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 38 additions & 10 deletions ui-kit/android/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,32 +22,51 @@ The **CometChat UI Kit** for Android provides a comprehensive solution designed
<img src="/images/4c141125-Instant_Messaging-3e86359342605c94dc912604de8f6617.png" />
</Frame>

<Callout type="info">
Preview of the CometChat UI Kit chat interface on Android.
</Callout>

***

## **Download the CometChat Demo App**

Get started with the **CometChat UI Kit** on your mobile device:

**Download from Google Play**

[<img src="/images/7f1e19fd-google-play-badge-f2deddb3d9c4b7c784e35f3a7794f994.png" />](https://link.cometchat.com/android-demo-app)

**Or Scan the QR Code**
<Tabs>
<Tab title="Download from Google Play">
[<img src="/images/7f1e19fd-google-play-badge-f2deddb3d9c4b7c784e35f3a7794f994.png" />](https://link.cometchat.com/android-demo-app)
</Tab>
<Tab title="Or Scan the QR Code">
<Frame>
<img src="/images/qr.png" />
</Frame>
</Tab>
</Tabs>

<Frame>
<img src="/images/844ec598-qr_code-3437240f18ec2f1548a04ebc93e8ce4e.png" />
</Frame>

> **Tip:** On Android, you can use Google Lens or any QR code scanning app to install directly.

<Callout type="tip">
On Android, you can use Google Lens or any QR code scanning app to install directly.
</Callout>
***

## **Getting Started**

Before integrating the CometChat UI Kit, familiarize yourself with the key concepts and features offered by CometChat’s platform.

* Review the [Key Concepts](/fundamentals/key-concepts) to understand essential terminology and features.
* Follow the [Getting Started Guide](/ui-kit/android/getting-started) for detailed steps on initial setup and integration.
<Steps>
<Step title="Review Key Concepts">
Review the [Key Concepts](/fundamentals/key-concepts) to understand essential terminology and features.
</Step>

<Step title="Follow the Getting Started Guide">
Go through detailed steps in the [Getting Started Guide](/ui-kit/android/getting-started).
</Step>
</Steps>

***

Expand All @@ -65,7 +84,9 @@ Explore more about UI customization in the [Customization Guide](/ui-kit/android

## **Helpful Resources**

<Callout type="info">
Explore these essential resources to gain a deeper understanding of **CometChat UI Kits** and streamline your integration process.
</Callout>

<CardGroup>
<Card title="🚀 Android Sample App">
Expand Down Expand Up @@ -94,7 +115,14 @@ UI design resources for customization and prototyping.

If you need assistance, check out:

* 💬 [Developer Community](http://community.cometchat.com/)
* ❓ [Support Portal](https://help.cometchat.com/hc/en-us/requests/new)

<CardGroup>
<Card title="💬 Developer Community">
Join discussions, ask questions, and share ideas.
[Visit Community](http://community.cometchat.com/)
</Card>
<Card title="❓ Support Portal">
Submit tickets or browse FAQs for quick help.
[Visit Support](https://help.cometchat.com/hc/en-us/requests/new)
</Card>
</CardGroup>
***