🦹♀️🧙♀️ A plataforma Adventure Heroes Hub reúne heróis em jornadas épicas e aventuras incríveis! 🦸♂️✨
O Adventure Heroes Hub é um aplicativo que oferece uma experiência envolvente para os fãs de Pokémon, permitindo a seleção de dois Pokémon para uma batalha emocionante. O aplicativo utiliza a abordagem de design Atomic Design para organizar seus componentes de forma escalável e estruturada.
O projeto segue os princípios do Atomic Design, uma metodologia que organiza componentes de interface de usuário em cinco níveis distintos:
- Átomos: Componentes básicos e indivisíveis, como botões, inputs, etc.
- Moléculas: Combinação de átomos para criar componentes mais complexos e reutilizáveis.
- Organismos: Combinação de moléculas para formar seções ou componentes mais autossuficientes.
- Templates: Arranjo estrutural que define a organização dos organismos na página.
- Páginas: Implementação final do design com dados específicos.
A estrutura organizacional facilita a manutenção, reutilização e escalabilidade dos componentes.
- Tailwind CSS: Framework de estilo utilitário para criação de interfaces elegantes e responsivas.
- Shadcn UI: Biblioteca de componentes estilizados para consistência visual.
- Radix: Biblioteca de componentes de interface de usuário acessíveis e personalizáveis.
- Dark Mode: Suporte ao modo escuro para uma experiência visual agradável.
- Sessão de Usuários: Gerenciamento eficiente das informações do jogador para uma experiência personalizada.
- API de Cartas do Pokémon: Utilização da API de cartas do Pokémon para obter informações sobre os Pokémon disponíveis.
- Batalha Pokémon: Seleção de dois Pokémon para uma batalha virtual, calculando o vencedor com base nos pontos de vida (HP) dos Pokémon escolhidos.
- Certifique-se de que você está usando o Node.js na versão 18 ou superior.
- Clone o repositório:
git clone https://github.com/lucianobajr/adventure-heroes-hub.git - Instale as dependências:
npm install - Inicie o aplicativo:
npm run dev - Abra o navegador e acesse
http://localhost:5173
Contribuições são bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.
Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE para obter detalhes.