I implement in this demo app all concepets I've learned in google codelabs such as:
- creating a low-fidelity prototype
- composition & recomposition
- state hoisting
- basic compose layouts
- buttons click behavior.
- Use Lazy Columns to make a list.
- Add animations.
The main resource to get started with this project:
It's recommended to have these prerequisites for completing this project:
- Ability to create and run a project in Android Studio.
- Experience with Kotlin syntax, collections, and classes.
- Ability to apply basic Jetpack Compose concepts.
- Experience with composable functions, which includes Card, Text, Image, and Button composables.
-
I made a simple model that provides me a basic idea of what the app looks like. Then, I divide this drawing into sections to identify which composables I'll use.
-
Later on, I design the UI on how the app will look like using Figma.
-
Finally, I make the logic and layout of the app using Kotlin and Jetpack Compose library.
recipe_demo.mp4
- I made this app for educational purposes only & all content can be found in this article.
- I supposed to add 30 meals here. However, since I accomplish the required UI and logic, there's no need to add more...