Jetpack-Compose-Tutorials

This repository is a hands-on tutorial series for learning Jetpack Compose, the modern toolkit Google provides for building Android app user interfaces. Jetpack Compose replaces the older XML-based way of describing Android layouts with a code-first approach where you write Kotlin functions that describe what the screen should look like. Each tutorial in this collection covers a specific topic with working code examples, and an accompanying Android app lets you search through all the tutorials by tag or description and see each one running on a device.

The tutorials are organized into numbered chapters. The early chapters cover the basic building blocks: arranging things in rows and columns, adding clickable surfaces, and controlling how elements look with modifiers. Later chapters move into the standard UI controls that come with Material Design, such as text fields, buttons, image components, and scrollable lists. The README shows each tutorial with a screenshot or animated preview so you can see the end result before reading the code.

Beyond the basics, the series covers more advanced territory: how Compose handles state (the mechanism that causes the screen to update when data changes), animations, gesture detection, drawing with Canvas (a low-level drawing surface), and navigation between screens. There are also tutorials on SubcomposeLayout and custom layout systems, which are topics a developer would reach after getting comfortable with the standard components.

Some chapters focus on recreating real-world app interfaces as exercises, with WhatsApp screens mentioned as one example. This kind of practical recreation helps developers understand how multiple Compose concepts combine in a realistic context.

The code is structured so each chapter is a self-contained module, making it easy to look at one topic without loading the entire project. The tutorials are written in Kotlin, the primary language for Android development. The full README is longer than what was shown.