Blizzard®
_{Segundo desafio do BRChallenges}

Projeto | Deploy | Tecnologias | Layout | Contribuição | Licença

---

💻 Projeto

Este projeto é uma landing page da empresa Blizzard®, composta por um menu de navegação, uma seção de banner hero com a funcionalidade de alterar o jogo em destaque (Diablo, Hearthstone e World of Warcraft), uma listagem dos principais jogos da empresa e um rodapé com informações sobre o download do aplicativo Battle.net.

Requisitos do desafio

Requisitos do desafio

Nível Fácil

• Criar as seções: Menu, Banner hero, Footer.
• O texto e o ícone do botão “Baixar jogo” devem ser alterados conforme o sistema operacional do usuário que estiver acessando a página. (Acessar material de apoio).
• Aplicar efeito de hover nas opções do menu de navegação.
• Aplicar responsividade para as seguintes resoluções: 1920px, 1440px, 768px e 375px.

Nível Médio

• Todos os requisitos do nível Fácil.
• Criar as seções: Menu, Banner hero, Jogos Exclusivo, Footer.
• Buscar a lista de jogos via API. (Acessar endpoint).
• Aplicar efeito de hover nas imagens dos jogos da seção Jogos Exclusivos.
• Alterar as informações da seção Banner Hero ao selecionar uma opção no menu lateral. Os jogos disponíveis são: Diablo®, HearthStone® e World of Warcraft®.

Nível Difícil

• Todos os requisitos dos níveis Fácil e Médio.
• Ao clicar no botão Logar do menu de navegação, deverá ser exibido o modal de login.
• Criar componente de dropdown para as opções Jogos e Esportes do menu de navegação.
• Deverá ser reproduzido um gif do jogo quando ocorrer o evento de hover na capa do trailer.

✈️ Deploy

Acesse a solução neste link.

🚀 Tecnologias

• Angular
• Typescript

🎨 Layout

O layout do projeto está disponível no Figma através deste link.

👥 Contribuição

Ui por Gilberto Prado

📝 Licença

Este projeto está sob a licença MIT.