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-12)
- 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
- Data Binding (not planned yet)
- ViewModel SavedState
- Lifecycle
- Security
- Third Party Library
- Stripe: Payement gateway integration
- Chat GPT: AI api implementation
- Yelp API
- Barcode Scanner: ML kit library integration
- MPchart: Charting library
- Camera V2 API
- Features
| Lesson | Preview |
|---|---|
Create Row that adds elements in horizontal order, and Column that adds elements in vertical order. • Column • Row • Box • Modifier |
 |
This lesson shows various examples how to use material design components in compose UI • 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 various examples List, Expandable list, Animations with List compose UI • 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 examples of maps • 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 dark and light mode theme change |
 |
This lesson shows various examples of Constraint Layout • Chapter 1: Basics of Constraint Layout • Chapter 2: GuideLine • Chapter 3: Chain • Chapter 4: Barrier |
 |
This lesson covers animations in Jetpack Compose • Chapter 1: Tween Animation • Chapter 2: Animated Visibility • Chapter 3: Animated Content • Chapter 4: Animation Specs • Chapter 5: Shimmer Animation |
 |
This lesson explores theming in Jetpack Compose • Chapter 1: Custom Colors • Chapter 2: Custom Typography • Chapter 3: Custom Shapes • Chapter 4: Custom Themes |
 |
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 demonstrates how to create web views in Jetpack Compose |
 |
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.