Build Reusable UI in Jetpack Compose 🔥 | State Hoisting, XP & Quest Cards | Android30 Day 4
siddhubhaiya
0:00 / 0:00
Build Reusable UI in Jetpack Compose 🔥 | State Hoisting, XP & Quest Cards | Android30 Day 4
33 просмотра · 5 дн. назад
siddhubhaiya
51 подписчик
33 просмотра · 5 дн. назад
🚀 *Android30 × Pattern30 | Day 4 — Video 3*
Building **LifeQuest**, a gamified productivity Android app, from scratch in 30 days!
In Day 3, we built our onboarding screen and quest dashboard. Today, we're refactoring our existing code into clean, reusable Jetpack Compose components.
🔥 *What you'll learn:*
Reusable Composable functions in Kotlin
XPProgress() — Custom XP progress indicator
XPWidget() — Level, total XP & progress dashboard
QuestCard() — Reusable quest cards
State hoisting explained with a real example
Callbacks and unidirectional data flow
Recomposition when completing quests
Refactoring existing UI without changing business logic
💻 *Tech Stack:* Kotlin | Jetpack Compose | Material 3
🎯 *What we're building:* LifeQuest — complete daily quests, earn XP, level up, and build better habits.
📱 *Android30 × Pattern30:* 30 Days of DSA + Android Development + Building a Real App.
🔔 Subscribe and follow the complete series!
▶️ YouTube: / @siddhubhaiya2881
🐦 X: https://x.com/siddhubhaiyaa
#AndroidDevelopment #JetpackCompose #Kotlin #Android30 #LifeQuest #StateHoisting #BuildInPublic