Blizzard + Angular v.17

Este projeto tem como objetivo reproduzir um site clone da Blizzard, modelo criado pelo Gilberto Prado para o BRChallenges.

Live View do Projeto

🎯 Principais tecnologias utilizadas

🎯 Funcionalidades:

1. Seções:

   • Menu
   • Banner Hero
   • Jogos Exclusivos
   • Footer

2. Personalização:

   • Texto e ícone do botão "Baixar jogo" alterados conforme o sistema operacional do usuário.
   • Efeito de hover nas opções do menu de navegação.

3. Responsividade para as seguintes resoluções:

   • 1920px
   • 1440px
   • 768px
   • 375px

4. Interatividade:

   • Efeito de hover nas imagens dos jogos da seção Jogos Exclusivos.
   • Alteração dinâmica das informações da seção Banner Hero ao selecionar uma opção no menu lateral. Jogos disponíveis: Diablo, HearthStone e World of Warcraft.
   • Exibição do modal de login ao clicar no botão "Logar" do menu de navegação.
   • Criação de componente de dropdown para as opções Jogos e Esportes do menu de navegação.

5. Multimídia:

   • Execução de um gif do jogo ao ocorrer o evento de hover ou clique na capa do trailer.

Material de Apoio:

• Componentes no Figma.
• Componentes específicos para modal de login.
• Gifs dos jogos para o efeito de hover ou clique na capa do trailer.

📌 Tecnologias auxiliares

Tecnologia	Uso	Site
VSCode	Edição de código	code.visualstudio.com/
Vercel	Deploy	https://vercel.com/
Figma	Protótipo	https://www.figma.com/

🚀 Deploy

O projeto está disponível para visualização aqui

🐼 Autora

Bárbara Damasceno barbaradamas.dev@gmail.com Linkedin Portfolio