🎮 NEON MEMORY

Um jogo de memória moderno e viciante e múltiplos modos de jogo.

🚀 Demonstração

🔗 Acesse o projeto online: https://jogo-memoria-gold.vercel.app/

✨ Funcionalidades

🎯 Modos de Jogo

• Clássico: 3 Modos de jogo (Normal, Velocidade, Difícil)
• Multiplayer: Jogue online contra outros jogadores em tempo real

🎨 Visual e Design

• Interface neon moderno
• Animações fluidas e efeitos visuais impressionantes
• Design totalmente responsivo
• Modo escuro nativo
• Efeitos sonoros imersivos

🌐 Recursos Online

• Sistema de salas multiplayer em tempo real
• Sincronização automática entre jogadores
• Suporte a múltiplas salas simultâneas

🚀 Como Jogar

1. Observe a sequência de cores que aparece na tela
2. Reproduza a sequência clicando nos botões na ordem correta
3. A cada rodada uma nova cor é adicionada à sequência
4. Continue até errar ou completar o desafio!

Controles

• Mouse/Touch: Clique nos botões coloridos
• ESC: Pausar o jogo
• Space: Pausar/Retomar

🛠️ Tecnologias Utilizadas

• Frontend: React + TypeScript
• Styling: Tailwind CSS com sistema de design customizado
• Backend: Supabase (PostgreSQL + Realtime)
• Build Tool: Vite
• Audio: Web Audio API
• Icons: Lucide React
• Routing: React Router DOM
• Estado: React Hooks + Context API

🎨 Sistema de Design

O jogo utiliza um sistema de design neon customizado com:

• Cores vibrantes HSL
• Gradientes dinâmicos
• Animações CSS personalizadas
• Tokens semânticos no Tailwind
• Componentes reutilizáveis

📱 Compatibilidade

• ✅ Desktop (Chrome, Firefox, Safari, Edge)
• ✅ Mobile (iOS Safari, Chrome Mobile)
• ✅ Tablet (iPad, Android tablets)
• ✅ PWA Ready

🚀 Instalação e Execução

Pré-requisitos

• Node.js 18+
• npm ou yarn

Passo a passo

# Clone o repositório
git clone https://github.com/PabloG-7/jogo-memoria

# Entre no diretório
cd jogo-memoria

# Instale as dependências
npm install

# Configure as variáveis de ambiente (opcional para multiplayer)
cp .env.example .env.local

# Execute o projeto
npm run dev

🎯 Roadmap

• Sistema de pontuação global
• Torneios online
• Customização de temas
• Mais modos de jogo
• Sistema de conquistas
• Compartilhamento social

🤝 Contribuindo

1. Fork o projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request