Destinado aos jogadores de League of Legends, o usuário pode acessar informações sobre os campeões, como ataque, defesa e magia. O projeto também permite realizar uma busca pelo nome, filtrar pela função ou pelo nível de dificuldade de jogabilidade de cada campeão além de ser possível escolher a ordenação alfabética (AZ/ZA).Os filtros podem ser utilizados individualmente ou em conjunto.
O projeto tinha como meta de desenvolvimento construir um site que fornecesse ao usuário os cards dos personagens e sua interação, por meio dos métodos sort(), filter() e algum cálculo agregado, além da realização dos testes unitários.
Realizamos uma pesquisa com usuários, jogadores de League of Legends e com a coleta de dados analisamos o que deveríamos construir para atender a necessidade dele. Em cada sprint, tentavámos resolver uma história de usuário.
Realizamos um rabiscoframe para entender nossas ideias e objetivos. O rabiscoframe ou protótipo de baixa qualidade é uma alternativa rápida, sem se apegar aos detalhes.
video-lol.mp4
Com o link gerado da aplicação pela plataforma Netlify enviamos aos usuários um formulário para responder suas experiências ao navegar em nosso site. Foi constatado três sugestões de mudanças:
- Padronizar cores dos principais botões do menu;
- Retirar o degradê do borda do círculo da página de curiosidade;
- Arrumar responsividade para ipad/tablet
responsividade-lol.mp4
Criamos uma constante com alguns campeões como mock para realizar os testes com as funções sort(), filter() e do cálculo agregado, bem como constantes dos resultados esperados.
Métodos usados:
- expect(value);
- .toBe(value);
- .toThrow(error?);
- .toStrictEqual(value);