19. Gra Memory

function useMemoryGame(cardCount) {
  const [cards, setCards] = useState(() => createShuffledCards(cardCount));
  const [flipped, setFlipped] = useState([]);
  const [matched, setMatched] = useState([]);
  const [moves, setMoves] = useState(0);

  function flipCard(id) {
    if (flipped.length === 2) return;
    if (flipped.includes(id) || matched.includes(id)) return;

    const newFlipped = [...flipped, id];
    setFlipped(newFlipped);
    setMoves((m) => m + 1);

    if (newFlipped.length === 2) {
      const [a, b] = newFlipped.map((i) => cards.find((c) => c.id === i));
      if (a.symbol === b.symbol) {
        setMatched((m) => [...m, a.id, b.id]);
        setFlipped([]);
      } else {
        setTimeout(() => setFlipped([]), 1000);
      }
    }
  }

  const isComplete = matched.length === cards.length;
  return { cards, flipped, matched, moves, flipCard, isComplete };
}

function createShuffledCards(count) {
  const emojis = ['🐶','🐱','🐭','🐹','🐰','🦊','🐻','🐼','🐨','🐯'];
  const pairs = emojis.slice(0, count / 2).flatMap((e, i) => [
    { id: i * 2, symbol: e },
    { id: i * 2 + 1, symbol: e },
  ]);
  return pairs.sort(() => Math.random() - 0.5);
}