5 / 24

Build a memory card game

EasyP2Build

Build a memory card game in React: a grid of face-down cards where the player flips two at a time to find matching pairs.

Time box: 45 to 60 minutes.

Requirements

0 / 6

A grid of face-down cards generated from a list of symbols, each symbol appearing twice, shuffled with a correct algorithm (Fisher-Yates)
Clicking a card flips it; after the second card is flipped the two are compared
Matching cards stay face up and are marked as matched; non-matching cards flip back after a short delay (for example 800 ms)
Clicks on cards are ignored while two cards are being compared, and clicking an already flipped or matched card does nothing
A move counter (one move is two flips) and a win state that shows the total moves with a "Play again" button that reshuffles
Cards are buttons with an accessible name (face-down: "Hidden card", face-up: the symbol) and keyboard focus; any timeout is cleared on unmount or restart

0 / 3

Only after every requirement works.

Your files are saved in this browser as you type.

When every requirement works, mark it complete to count it as solved.

How a strong candidate structures it, and what interviewers check.

Your notesSaved automatically