1iGbH3OlHrlrPFxKkPaA

Lists and grids

State in Compose

State in Jetpack Compose Codelab

Stateful vs Stateless Composables

How You Use an AI Coding Agent

Standard Android/Jetpack libraries

No 3rd party libraries are allowed or would be required to complete this challenge

Responsiveness across every device size or orientation is not mandatory.

No need for data from a server

No gestures or advanced animations

No visual styling beyond the mockups

A successful submission of this challenge via the /submit-challenge command on Discord grants you 100 XP. You can use it in any channel on Discord :)

A successful submission consists of these parts

1. A link to a Gist showing your code for this challenge.

2. A screen recording (max 20 seconds) showing:

   • Tapping a stage to expand the performer list

   • Tapping another stage to switch and collapse the previous

   • Tapping an expanded stage again to collapse it and hide the list

State in Compose

State in Jetpack Compose Codelab

Stateful vs Stateless Composables

How You Use an AI Coding Agent

Standard Android/Jetpack libraries

No 3rd party libraries are allowed or would be required to complete this challenge

Responsiveness across every device size or orientation is not mandatory.

Real payment logic

A successful submission of this challenge via the /submit-challenge command on Discord grants you 100 XP. You can use it in any channel on Discord :)

A successful submission consists of these parts

1. A link to a Gist showing your code for this challenge.

2. A screen recording (max 20 seconds) showing:

   • Selecting any ticket type

   • Choosing a quantity of 3 tickets

Chip

State and Jetpack Compose

State in Jetpack Compose Codelab

Stateful vs Stateless Composables

How You Use an AI Coding Agent

Standard Android/Jetpack libraries

You may use any appropriate image loading library, such as Glide, Coil, or Picasso.

Responsiveness across every device size or orientation is not mandatory.

Integration with Google Maps or live location

Transition animations

A successful submission of this challenge via the /submit-challenge command on Discord grants you 100 XP. You can use it in any channel on Discord :)

A successful submission consists of these parts

1. A link to a Gist showing your code for this challenge.

2. A screen recording (max 20 seconds) showing:

   • Initial state (no chips selected)

   • Tapping the Stages chip

   • Tapping the Food chip

   • Tapping the WC chip

   • Tapping the Food chip again to hide food markers

Accessibility in Jetpack Compose

Principles for improving app accessibility

Test your app's accessibility

Apply marquee effect to text

Starting Android Accessibility Codelab

How You Use an AI Coding Agent

Standard Android/Jetpack libraries

No 3rd party libraries are allowed or would be required to complete this challenge

Responsiveness across every device size or orientation is not mandatory.

Any stylistic or visual effects outside what’s clearly shown in the Figma mockup

A successful submission of this challenge via the /submit-challenge command on Discord grants you 200 XP. You can use it in any channel on Discord :)

A successful submission consists of these parts

1. A link to a Gist showing your code for this challenge.

2. A screen recording (max 30 seconds) showing:

   • TalkBack Setup:

     • Go to: Settings > Accessibility > TalkBack

     • Enable TalkBack

     • Return to the app and demonstrate how one or more list items are read out loud as full sentences

   • Increase Font Size:

     • Go to: Settings > Accessibility > Font Size / Display Size

     • Set to the maximum font size

     • Return to the app

     • Demonstrate:

       • Text is not truncated

       • Minimum 24dp spacing between artist name and time is preserved

       • Marquee animation activates for long lines

Graphics in Compose

Pointer input in Compose

2D Scroll APIs (part of the article)

How to Implement Pinch Zoom Gestures in Jetpack Compose

How You Use an AI Coding Agent

Standard Android/Jetpack libraries

No 3rd party libraries are allowed or would be required to complete this challenge

Animations during scroll or zoom (you can skip them).

Real database (hardcoded data is fine).

Dark theme support (only light theme is expected).

Displaying extra performance details on tap.

A successful submission of this challenge via the /submit-challenge command on Discord grants you 300 XP. You can use it in any channel on Discord :)

A successful submission consists of these parts

1. A link to a Gist showing your code for this challenge.

2. A screen recording (max 20 seconds) showing:

   • Initial launch with the overlay hint.

   • Zooming in on the timeline — the Zoom Indicator should update and blocks/text scale proportionally.

   • Scrolling horizontally and vertically at the zoomed-in level.

   • Zooming back to 100% (initial state).