Skip to content

Clintonrocha98/Desafio-3-Brchallenges

Repository files navigation

💻 Projeto

Neste desafio, Fui responsável por fazer o redesign do site da empresa Paquetá Calçados. A Paquetá Calçados é uma renomada marca de calçados que busca expandir sua presença online e oferecer aos seus clientes uma experiência digital atraente e funcional.

Para facilitar a codificação do projeto foi usado um protótipo do figma como base, o autor do layout é o design Ana Maria Almeida, clique aqui para saber mais detalhes do desafio.

🚀 Tecnologias

📝 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. ( 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 nivel 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 do nivel 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 executado um gif do jogo quando ocorrer o evento de hover na capa do trailer