Deviopath › React

Memory Card Game

Hard · Games

Build a memory game with the fixed card order ["A", "B", "C", "A", "C", "B"].

Render 6 <button className="card"> in that order and <p className="moves">Moves: 0</p>. A hidden card shows "?", a revealed card shows its letter.

- Clicking a hidden card reveals it. Clicking an already revealed card does nothing.

- When a second card is revealed, the move counter goes up by 1.

- If the two cards match, they stay revealed forever and become disabled.

- If they do not match, both are hidden again after 200ms. While two unmatched cards are visible, other clicks are ignored.

- When all pairs are found, show <p className="status">You won in 3 moves!</p> (with the real move count).

Next: Auth Provider with a useAuth Hook