debanshu777/compose-snapchat-clone

Snapchat Clone with Material 3, Jetpack Compose and Clean Architecture - Navigation Components, CamaraX, android-maps-compose, Exoplayer, Detekt, Coil, Gradle Secrets, Permission Handling.

Snapchat Compose Clone👻

**Facing with the camaraX for API 30 and above, looking into this issue**

Background🌟

Work in progress

This is UI Clone of Snapchat, which is used to show the power of Jetpack Compose. This a personal project with the goal to learn Clean Architecture with Jetpack compose. I have tried to add all the native components like Camera, Mapview and Exoplayer and showcase as an example.
Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.

Dependencies & References⚡

General Dependencies

• Compose-version: 1.4.0-beta02
  Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.
• Gradle Version: 7.5
• Kotlin Version: 1.8.10

Navigation🚀

• androidx.navigation:navigation-compose:2.5.3
  The Navigation component provides support for Jetpack Compose applications. You can navigate between composables while taking advantage of the Navigation component’s infrastructure and features.

Reference https://blog.mindorks.com/jetpack-compose-navigation

Camara📸

camerax_version = "1.2.1"

• androidx.camera:camera-coreandroidx.camera:camera-camera2, androidx.camera:camera-lifecycle, androidx.camera:camera-view, androidx.camera:camera-lifecycle, androidx.camera:camera-video, androidx.camera:camera-extensions
• Reference
  • https://proandroiddev.com/compose-camerax-on-android-58578f37e6df
  • https://www.youtube.com/watch?v=gRMznojSHxE&t=321s

Google Map🗺

• com.google.maps.android:maps-compose:2.1.0, com.google.android.gms:play-services-maps:18.1.0
• References
  • https://medium.com/geekculture/google-maps-in-jetpack-compose-android-ae7b1ad84e9
  • https://johnoreilly.dev/posts/jetpack-compose-google-maps/
  • https://www.youtube.com/watch?v=2tu-hNbyViU

Video Player with Media 3📽

• androidx.media3:media3-exoplayer:1.0.0-rc01, androidx.media3:media3-ui:1.0.0-rc01
  We have several existing media APIs: Jetpack Media also known as MediaCompat, Jetpack Media2, and ExoPlayer. These libraries were developed with different goals, and have several areas of overlapping functionality.

It can be challenging to decide which library to use for a given use case, and objects from different libraries are often not compatible, requiring adapters or connecting code. Media3 removes these challenges by providing a single set of libraries which work well together.

• References
  • https://medium.com/backyard-programmers/media3-exoplayer-in-jetpack-compose-to-make-snapchat-spotlight-75e384e2ef56

Coil🍥

• io.coil-kt:coil-compose:2.2.2
  Image loading for Android backed by Kotlin Coroutines.
• References
  • https://proandroiddev.com/loading-images-for-jetpack-compose-using-glide-coil-and-fresco-1211261a296e
  • https://medium.com/geekculture/jetpack-compose-image-loading-using-coil-647a8098c217

Accompanist✨

• com.google.accompanist:accompanist-permissions: 0.23.1 , com.google.accompanist:accompanist-pager:0.25.1
  Accompanist is a group of libraries that aim to supplement Jetpack Compose with features that are commonly required by developers but not yet available.
• References
  • https://google.github.io/accompanist/
  • https://medium.com/surfstudio/accompanist-the-first-chord-a-jetpack-compose-library-reviewed-9e007771db70

Dokka and KDoc🚀

• org.jetbrains.dokka:dokka-gradle-plugin:1.7.10
  Dokka is a documentation engine for Kotlin, performing the same function as javadoc for Java. Just like Kotlin itself, Dokka fully supports mixed-language Java/Kotlin projects. It understands standard Javadoc comments in Java files and KDoc comments in Kotlin files, and can generate documentation in multiple formats including standard Javadoc, HTML and Markdown.
• References
  • https://medium.com/androiddevnotes/how-to-use-dokka-documentation-engine-for-android-gradle-to-generate-kdoc-or-javadoc-comments-2b5f177595ec
  • https://www.youtube.com/watch?v=GesMbOt5hIo

Detekt🐱‍🏍

• io.gitlab.arturbosch.detekt:detekt-gradle-plugin: 1.18.1
  Static code analysis for Kotlin
• References
  • https://www.youtube.com/watch?v=o384NbCDB0U

Clean architecture

I am still learning and understanding clean architecture so it might be perfectly correct
In Clean Architecture, instead of relying on Models, you'll communicate with Interactors from the Use Case layer. This layer contains the user interface related code, powered by Android Jetpack! The outer circle represents the concrete mechanisms that are specific to the platform such as networking and database access. Moving inward, each circle is more abstract and higher-level. The center circle is the most abstract and contains business logic, which doesn’t rely on the platform or the framework you’re using.

Refer here for more details and description:

• https://www.raywenderlich.com/3595916-clean-architecture-tutorial-for-android-getting-started
• https://medium.com/android-dev-hacks/detailed-guide-on-android-clean-architecture-9eab262a9011
• https://medium.com/swlh/clean-architecture-in-android-a-beginner-approach-be0ce00d806b

Want to Contribute ?

Awesome! If you want to contribute to this project, you're always welcome! Have any questions, doubts or want to present your opinions, views? You're always welcome. You can mail me at [email protected] or make an issue. Looking for contributors! Don't be shy. 😁 Feel free to open issues/pull requests to help me improve this project.

• When reporting a new Issue, make sure to attach Screenshots, Videos or GIFs of the problem you are reporting.
• When submitting a new PR, make sure tests are all green. Write new tests if necessary.

Contributors

• Debanshu Datta

License

The Snapchat name, artwork, trademark are all property of Snap Inc. This project is provided for educational purposes only. It is not affiliated with and has not been approved by Snap Inc.

compose-snapchat-clone's Issues

User Permission Option coming below CustomTopBar

Making Icon size vary with change screen size