Skip to content

wisemuji/zoom-clone-compose

Repository files navigation

Blog-Build a Zoom Clone with Jetpack Compose-2000x840px

License API Build Status Kotlin Weekly

This is a Zoom clone app built with Stream Video SDK for Compose to implement real-time video meeting features using Jetpack Compose.

The goal of this repository is to showcase the following:

  • The development of comprehensive UI elements utilizing Jetpack Compose.
  • The use of Android architecture components alongside Jetpack libraries, including androidx ViewModel and Hilt.
  • Execution of background operations using Kotlin Coroutines.
  • Integration of real-time video meeting room functionalities through the Stream Video SDK, powered by WebRTC technology.

✍️ Technical Content

If you're interested in building this project from the scratch, check out the blog posts below:

📲 Download APK

Go to the Releases to download the latest APK.

🛥 Stream Video SDK

Zoom Clone Compose is built with Stream Video SDK for Compose to implement a real-time video meeting features. If you’re interested in adding powerful In-App Video calling, audio room, livestreaming to your app, check out the Android Video Calling Tutorial!

Stream Video

📷 Previews

preview0 preview1

💻 Build Your Own Chat Project

If you want to build your own chat project, you should follow the instructions below:

  1. Go to the Stream login page.
  2. If you have your GitHub account, click the SIGN UP WITH GITHUB button and you can sign up within a couple of seconds.

stream

  1. If you don't have a GitHub account, fill in the inputs and click the START FREE TRIAL button.
  2. Go to the Dashboard and click the Create App button like the below.

stream

  1. Fill in the blanks like the below and click the Create App button.

stream

  1. You will see the Key like the figure below and then copy it.

stream

  1. Create a secrets.properties file on the root project directory with the text below using your API key:
STREAM_API_KEY=REPLACE WITH YOUR API KEY
  1. Build and run the project.

🛠 Tech Stack & Open Source Libraries

  • Minimum SDK level 26.
  • 100% Jetpack Compose based + Coroutines + Flow for asynchronous.
  • Compose Video SDK for Real-Time Meeting: The Jetpack Compose Chat Messaging SDK is built on a low-level chat client and provides modular, customizable Compose UI components that you can easily drop into your app.
  • Jetpack
    • Compose: Android’s modern toolkit for building native UI.
    • ViewModel: UI related data holder and lifecycle aware.
    • Navigation: For navigating screens and Hilt Navigation Compose for injecting dependencies.
    • Hilt: Dependency Injection.
  • Spotless gradle plugin for formatting kotlin files.

🤝 Contribution

Most of the features are not completed except the chat feature, so anyone can contribute and improve this project following the Contributing Guideline.

License

Copyright 2024 Suhyeon(wisemuji) and Stream.IO, Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.