Recipes List App

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.

Resources

The main resource to get started with this project:

• Project: Create a 30 Days App

Prerequisites

It's recommended to have these prerequisites for completing this project:

1. Ability to create and run a project in Android Studio.
2. Experience with Kotlin syntax, collections, and classes.
3. Ability to apply basic Jetpack Compose concepts.
4. Experience with composable functions, which includes Card, Text, Image, and Button composables.

Low-Fi

• 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.

ScreenShots

recipe_demo.mp4

Disclaimer

• 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...