https://github.com/d4rndest/blizzard

Blizzard® landing page
https://github.com/d4rndest/blizzard

angular brchallenges typescript

Last synced: about 1 month ago
JSON representation

Blizzard® landing page

• Host: GitHub
• URL: https://github.com/d4rndest/blizzard
• Owner: d4rndest
• License: mit
• Created: 2025-02-23T09:47:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-25T18:39:15.000Z (over 1 year ago)
• Last Synced: 2025-06-04T00:34:58.379Z (about 1 year ago)
• Topics: angular, brchallenges, typescript
• Language: SCSS
• Homepage: https://brchallenges-blizzard-landing-page.netlify.app/
• Size: 23 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: COPYING

Awesome Lists containing this project

README

          


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

- [x] Criar as seções: **Menu**, **Banner hero**, **Footer**.

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

- [x] Aplicar efeito de _hover_ nas opções do menu de navegação.

- [x] Aplicar responsividade para as seguintes resoluções: 1920px, 1440px, 768px e 375px.

#### Nível Médio

- [x] Todos os requisitos do nível Fácil.

- [x] Criar as seções: **Menu**, **Banner hero**, **Jogos Exclusivo**, **Footer**.

- [x] Buscar a lista de jogos via API. ([Acessar endpoint](https://api-brchallenges.vercel.app/api/blizzard/games)).

- [x] Aplicar efeito de _hover_ nas imagens dos jogos da seção **Jogos Exclusivos**.

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

- [x] Todos os requisitos dos níveis Fácil e Médio.

- [x] Ao clicar no botão **Logar** do menu de navegação, deverá ser exibido o _modal de login_.

- [x] Criar componente de _dropdown_ para as opções **Jogos** e **Esportes** do menu de navegação.

- [x] Deverá ser reproduzido um _gif_ do jogo quando ocorrer o evento de _hover_ na capa do trailer.

## ✈️ Deploy

Acesse a solução [neste link](https://brchallenges-blizzard-landing-page.netlify.app/).

## 🚀 Tecnologias

- [Angular](https://angular.dev/)

- [Typescript](https://www.typescriptlang.org/)

## 🎨 Layout

O layout do projeto está disponível no [Figma](https://figma.com) através [deste link](https://www.figma.com/file/mlAXZPRMfibrGXkJmUz5yn/BR-Challenges/duplicate).

## 👥 Contribuição

Ui por Gilberto Prado

## 📝 Licença

Este projeto está sob a licença [MIT](./LICENSE).