🧠 Jogo da Memória

Um projeto interativo de Jogo da Memória desenvolvido com Next.js 14 (App Router), estilizado com Tailwind CSS e componentes otimizados para acessibilidade e desempenho. O jogo apresenta animações, confetes de celebração, feedback visual e design responsivo.

---

🚀 Tecnologias utilizadas

• Next.js – Framework React moderno com renderização otimizada
• React – Biblioteca principal para criação da UI
• Tailwind CSS – Estilização utilitária moderna
• TypeScript – Tipagem estática e segura
• clsx – Utilitário para manipulação de classes condicionalmente
• next/image – Otimização automática de imagens
• Animações com CSS, incluindo:
  • Efeitos de flip (rotate-y)
  • Shake (quando erra)
  • Glow (quando acerta)
  • Confetes ao final

---

📦 Como rodar localmente

Clone o repositório e instale as dependências:

git clone https://github.com/seu-usuario/seu-repo.git

cd seu-repo

npm install
# ou
yarn install

Depois, execute o servidor de desenvolvimento:

npm run dev
# ou
yarn dev

Abra http://localhost:3000 no navegador para ver o jogo em ação.

---

📁 Estrutura do Projeto

.
├── app/
│   └── page.tsx             # Página principal do app
├── components/
│   ├── Card.tsx             # Componente de carta do jogo
│   ├── Confetti.tsx         # Componente de confete animado
│   └── GameFinishedModal.tsx # Modal exibido ao final do jogo
├── public/
│   └── memory-cards/        # Imagens das cartas
│   └── demos/screenshot-1.png # Imagem de demonstração
├── styles/
│   └── MemoryGame.css       # Estilos adicionais (animações)
└── types/
    └── memoryCards.ts       # Lista de cartas do jogo

---

📚 Recursos

• Documentação do Next.js
• Tailwind CSS
• React Docs

---