Loading repository data…
renanvcb / repository
🎯 Jogo de Bingo interativo desenvolvido com React, TypeScript, Vite e Tailwind CSS
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Um jogo de bingo interativo e moderno desenvolvido com React, TypeScript, Vite, Tailwind CSS e shadcn/ui.
✨ Interface Moderna - Design limpo e intuitivo com componentes shadcn/ui
🎮 Totalmente Interativo - Clique para marcar números na cartela
🔄 Sorteio Automático - Sistema de sorteio aleatório sem repetição
🏆 Detecção Inteligente - Reconhece automaticamente linhas, colunas e diagonais
📱 Responsivo - Funciona perfeitamente em desktop e mobile
⚡ Performance - Build otimizado com Vite para carregamento rápido
🎨 Tema Customizável - Sistema de cores consistente e moderno
| Tecnologia | Versão | Propósito |
|---|---|---|
| React | 19.1.0 | Framework de interface |
| TypeScript | 5.8.3 | Tipagem estática |
| Vite | 7.0.4 | Build tool moderno |
| Tailwind CSS | 4.1.11 | Framework CSS utilitário |
| shadcn/ui | Latest | Componentes de UI |
| Lucide React | 0.525.0 | Biblioteca de ícones |
# Clone o repositório
git clone https://github.com/seu-usuario/bingo-game.git
# Entre no diretório
cd bingo-game
# Instale as dependências
npm install
# Inicie o servidor de desenvolvimento
npm run dev
# Acesse no navegador
# http://localhost:5173
# Gere a build de produção
npm run build
# Visualize a build localmente
npm run preview
Complete uma linha, coluna ou diagonal na sua cartela antes dos outros jogadores!
💡 Dica: O espaço central (★) é considerado "livre" e já vem marcado!
src/
├── 📂 components/
│ ├── 📂 ui/
│ │ └── 📄 button.tsx # Componente de botão do shadcn/ui
│ ├── 📄 BingoCard.tsx # Cartela interativa do jogador
│ ├── 📄 NumberDrawer.tsx # Exibição do número atual sorteado
│ ├── 📄 DrawnNumbers.tsx # Histórico e visualização de números
│ └── 📄 GameControls.tsx # Controles principais do jogo
├── 📂 lib/
│ └── 📄 utils.ts # Utilitários (função cn para classes)
├── 📄 App.tsx # Componente principal da aplicação
├── 📄 main.tsx # Ponto de entrada do React
└── 📄 index.css # Estilos globais e tema Tailwind
npm run dev # Servidor de desenvolvimento
npm run build # Build para produção
npm run preview # Preview da build
npm run lint # Verificação de código
@/ para src/)@importContribuições são bem-vindas! Sinta-se à vontade para:
git checkout -b feature/nova-funcionalidade)git commit -m 'Adiciona nova funcionalidade')git push origin feature/nova-funcionalidade)Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Selected from shared topics, language and repository description—not editorial ratings.
brunosaibert /
🎮🕹🎯 Aplicativo para criar grupos de jogos dos seus games favoritos com seus amigos do Discord.
34/100 health