Goal: The app plays a sequence of colors (highlight pads in order). The player repeats the sequence by tapping. Each round adds one more step. Wrong tap → game over and show score (longest sequence).

Requirements

• Four colored pads (e.g. red, blue, green, yellow) in a 2×2 Flexbox grid
• State for: sequence array, player step index, whether the app is “playing back,” score / round
• Start button begins round 1 with one random color
• After successful repeat, append a new random color and replay the full sequence
• Disable taps during playback
• Visual feedback when a pad is “lit” (brighter color or opacity)
• Alert or on-screen message on game over

Suggested approach

1. Build the static 2×2 pad UI with Pressable
2. Add a function flashPad(color) that lights a pad for ~400ms
3. Add playSequence() that awaits flashing each color in order
4. On pad press, compare to sequence[playerIndex]
5. If match and end of sequence → next round; if mismatch → game over

Helpful snippet ideas

Try yourself first. A reference solution is on the Answers tab.

Ship a small Expo app that uses at least:

• Multiple components (or screens)
• useState for meaningful interaction
• StyleSheet + Flexbox layout
• Either FlatList or React Navigation (ideally both)

Idea starters

• Habit check-in tracker for the week
• Flashcard deck for a language you are learning
• Tip / bill splitter with history
• Simple recipe list → detail screen

When done, celebrate — you can build real mobile UIs. Keep practicing by reading Expo docs and shipping tiny weekly apps.