Um jogo de cartas colecionáveis para web, com abertura de pacotes, coleção, criação de decks, heróis, batalhas e troca de cartas entre jogadores.
- 🎮 TCG Templar: https://tcg-templar.vercel.app/
- 🔐 Cadastro pela TemplarChoice: https://templarchoice.vercel.app/
Para entrar no jogo, é necessário possuir uma conta cadastrada na TemplarChoice. Para melhor experiência clique nas opções do navegador usado e adicione o joga para a Tela Incial.
O TCG Templar é um projeto pessoal desenvolvido para criar uma experiência completa de jogo de cartas colecionáveis no navegador.
O jogador pode abrir pacotes temáticos, aumentar sua coleção, montar decks, desbloquear heróis, disputar batalhas e trocar cartas com outros jogadores.
O projeto também funciona como um laboratório prático para autenticação, banco de dados, gerenciamento de estado, regras de jogo e integração entre aplicações utilizando React, Supabase e Vercel.
A interface foi recentemente redesenhada para oferecer uma experiência mais moderna, minimalista, organizada e confortável tanto no desktop quanto no mobile.
- Login integrado à TemplarChoice
- Persistência de sessão
- Perfil do jogador
- Sistema de experiência e níveis
- Lista de amizades
- Coleção completa de cartas
- Diferentes raridades
- Visualização detalhada das cartas
- Identificação de cartas bloqueadas
- Organização visual da coleção
- Seleção de pacotes temáticos
- Abertura animada
- Pacotes gratuitos diários
- Probabilidades de raridade
- Exibição das cartas recebidas
- Criação e edição de decks
- Seleção de cartas da coleção
- Visualização das cartas adicionadas
- Seleção de deck antes da batalha
- Seleção de herói para cada deck
- Loja de heróis
- Compra e desbloqueio
- Seleção de herói para o deck
- Batalhas contra CPU
- Seleção de modos de jogo
- Sistema de energia por turno
- Campo de batalha interativo
- Estratégia baseada em cartas, heróis e composição de deck
- Tela exclusiva para trocas
- Seleção das cartas oferecidas
- Seleção das cartas solicitadas
- Envio de propostas para outros jogadores
- Acompanhamento de trocas pendentes
- Aceitação ou recusa de propostas
- Notificações sobre o status das trocas
- React
- JavaScript
- CSS
- Vite
- Supabase
- PostgreSQL
- Supabase Auth
- Vercel
- Git
- GitHub
- Figma
- VS Code
Usuário
│
├── TemplarChoice
│ └── Cadastro e autenticação
│
└── TCG Templar
├── React
├── Supabase Auth
├── PostgreSQL
└── Vercel
- Sistema de autenticação
- Perfil do jogador
- Sistema de experiência e níveis
- Abertura de pacotes
- Coleção de cartas
- Construção de decks
- Loja e seleção de heróis
- Batalhas contra CPU
- Sistema de energia por turno
- Sistema de amizades
- Troca de cartas entre jogadores
- Notificações de trocas
- Redesign das principais telas
- Melhorias no layout mobile
- Deploy na Vercel
- Melhorias no balanceamento das cartas
- Aprimoramentos na inteligência da CPU
- Novas animações e efeitos visuais
- Estatísticas do jogador
- Histórico de batalhas
- Novas coleções, cartas e heróis
- PvP online
- Matchmaking
- Sistema de ranking
- Temporadas e recompensas
- Missões diárias e semanais
- Conquistas
- Eventos especiais
- Guildas
- Aplicativo mobile ou PWA
Este projeto foi criado para praticar e consolidar conhecimentos em:
- Arquitetura front-end
- Gerenciamento de estado
- Autenticação entre aplicações
- Modelagem e persistência de dados
- Regras e lógica de jogos
- Controle de inventário e coleção
- Sistemas de troca entre usuários
- Responsividade e experiência mobile
- Deploy e manutenção de aplicações web
O TCG Templar continua em desenvolvimento. Novas funcionalidades, cartas, melhorias visuais e ajustes de balanceamento são adicionados progressivamente.
Emanuel Penna
Este repositório é destinado à apresentação pública e ao portfólio do projeto.
O código-fonte principal do TCG Templar permanece privado.