https://github.com/caionikolas/blizzard

https://github.com/caionikolas/blizzard

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/caionikolas/blizzard
• Owner: caionikolas
• License: mit
• Created: 2023-09-06T01:33:49.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-24T19:58:21.000Z (over 1 year ago)
• Last Synced: 2023-09-24T22:26:49.992Z (over 1 year ago)
• Language: TypeScript
• Size: 9.31 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  



## 💻 Projeto

Esse projeto é uma landing page da empresa **Blizzard**, ela é composta por um menu de navegação, um banner hero com as informações dos principais jogos da empresa(Diablo, HearthStone e World of Warcraft), a listagem dos jogos exclusivos e um rodapé com informações do download do app battle.net.

Para facilitar a codificação do projeto foi usado um protótipo do figma como base, o autor do layout é o design [**Gilberto Prado**](https://www.linkedin.com/in/gilberto-insanydesign/), [clique aqui](https://www.brchallenges.com/desafio/blizzard) para saber mais detalhes do desafio.

## 🚀 Tecnologias

- [Item 1](http://localhost:3000/)

- [Item 2](http://localhost:3000/)

- [Item 3](http://localhost:3000/)

## 📝 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](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent))

- [ ]  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](https://api-brchallenges.vercel.app/api/blizzard/games))

- [ ]  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