What this repositry bring into Jetpack Compose? Learn step by step UI development using Jetpack Compose [beginners to advance]. This comprehensive collection of lessons and features is specifically designed to guide you through the step-by-step process of understanding Jetpack Compose and Android development.
- Jetpack Compose Lessons (1-26)
- Application component
- Activities
- Services
- Broadcast Receivers
- Content Providers
- Android architectures
- MVP (Model-View-Presenter)
- MVVM (Model-View-ViewModel)
- Clean Architecture
- MVI (Model-View-Intent)
- Jetpack components
- Navigation
- ViewModel
- LiveData
- Room Database
- WorkManager
- Paging 3
- Third Party Library
- Stripe: Payement gateway integration
- Chat GPT: AI api implementation
- Grapgh QL API Integration
- Yelp API
- Barcode Scanner: ML kit library integration
- MPchart: Charting library
- Camera V2 API
- RxJava
- Demos (Planned in August 2024 release)
- Instagram Demo UI
- TikTok Demo UI
- Youtube Demo UI
- Facebook Demo UI
- Shopping App Demo UI
- Banking App Demo UI
- Whatsapp Demo UI
| Lesson | Preview |
|---|---|
This lesson shows various Compose layouts that position the components in a certain direction or alignment. • Column • Row • Box • Modifier |
 |
This lesson shows various examples of material design components in Compose • Chapter 1: Shape, Surface • Chapter 2: Text examples • Chapter 3: Button examples • Chapter 4: Image examples • Chapter 5: Progress Bar examples • Chapter 6: Floating action buttons |
 |
This lesson shows common implementations of displaying lists, such as expandable lists and lists with animations • Chapter 1: Simple List • Chapter 2: Custom Vertical List • Chapter 3: Simple Horizontal List • Chapter 4: Vertical Grid List • Chapter 5: Horizontal Grid List • Chapter 6: Expandable List • Chapter 7: Expandable Animated List • Chapter 8: Shimmer Animated List |
 |
This lesson shows various examples of dialogs • Chapter 1: Alert dialog • Chapter 2: BottomSheet Dialog • Chapter 3: App Rating dialog • Chapter 4: Logout dialog |
 |
This lesson shows various ways to use Google Maps (Note: We aren't paying the service. Please use your own account and provide the API key in local.properties. See local.properties.defaults for the format) • Chapter 1: Map Basics - Simple Map - Inflate Marker on Map • Chapter 2: Map types • Chapter 3: Current Location on map • Chapter 4: Search on map |
 |
This lesson shows theme change from light mode to dark mode |
 |
This lesson shows various examples of ConstraintLayout in Compose • Chapter 1: Basics of Constraint Layout • Chapter 2: GuideLine • Chapter 3: Chain • Chapter 4: Barrier |
 |
This lesson covers various animations in Compose • Chapter 1: Tween Animation • Chapter 2: Animated Visibility • Chapter 3: Animated Content • Chapter 4: Animation Specs • Chapter 5: Shimmer Animation |
 |
This lesson shows how to do UI testing in Compose |
|
This lesson explores custom theming in Compose • Chapter 1: Custom Colors • Chapter 2: Custom Typography • Chapter 3: Custom Shapes • Chapter 4: Custom Themes |
 |
This lesson shows how to show the conventional XML layout in Compose • Chapter 1: Compose View into activity xml |
 |
This lesson demonstrates how to create web views in Compose |
 |
This lesson covers localization in Jetpack Compose • Chapter 1: Adding Language Support • Chapter 2: Formatting Dates and Numbers • Chapter 3: RTL Support • Chapter 4: String Plurals |
|
This lesson covers drop down menu in Compose |
|
This lesson covers customizations of radio button in Compose |
 |
This lesson covers the concept of states in Compose |
|
This lesson covers Flow Rows and Flow Columns in Compose |
|
This lesson shows how to do UI testing in Compose |
|
This lesson shows how to cache Retrofit responses with Okhttp Interceptors |
|
(W.I.P.) This lesson shows how to do authenticate users with Biometrics |
|
(W.I.P.) This lesson shows how to use Android DataStore |
|
(W.I.P.) This lesson shows how to use ExoPlayer from Media3 |
|
This lesson covers creating and customizing tabs in Compose. • Chapter 1: TabRow • Chapter 2: Custom Tab Indicators • Chapter 3: Tab Selection • Chapter 4: Scaffold Integration |
Contributions are welcome! If you have any ideas, suggestions, or improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License.
