Na aplicação Chose Your Champion, você pode analisar dados como: ataque, defesa, magia e dificuldade de cada campeão do jogo League of Legends, tornando mais fácil a escolha do campeão ideal pra sua jogabilidade.
Esse projeto foi criado durante o bootcamp da Laboratória, com foco em manipulação de dados estruturados (arrays e objetos) e métodos de javascript (filter, map, reduce etc).
- Tradução dos textos para diversos idiomas
- Implementação de guia de jogabilidade
Jogadores e futuros jogadores de League of Legends que desejam aprofundar e entender melhor os campeões.
Definir quais campeões eles se identificam mais pra poder jogar.
Cards com foto dos campeões e dados como categoria (assassino, tanque, suporte etc) e dados de HP, força etc.
Quando desejarem escolher o melhor campeão pra jogar.
Eu, como visitante, quero visualizar todos os campeões do LOL em cards e ao clicar em um card, quero ser direcionado a uma página/pop-up com as informações do campeão específico.
Critérios de Aceitação
- Visualizar os campeões em cards
- Ao clicar no card receber as informações completas do campeão selecionado
- Botão de voltar/fechar pop-up
Definição de Pronto
-
Fez a página de acordo com o protótipo
-
O código ta no repositório (com branches, commits etc)
-
Tem testes e passa nos testes com 70% de aprovação no minimo
-
Testes de usuário
Depois de receber as informações do campeão selecionado, quero buscar um campeão por nome e filtrar por categoria
Critérios de Aceitação
- Buscar por nome (drop down)
- Filtro por categoria (botões do nav)
Definição de Pronto
-
Fez a página de acordo com o protótipo
-
O código ta no repositório (com branches, commits etc)
-
Tem testes e passa nos testes com 70% de aprovação no minimo
-
Testes de usuário
Quero ordenar por dificuldade e fazer um calculo agregado
Critérios de Aceitação
- Filtro de ordenação por dificuldade
- Campo pra calculo agregado?
Definição de Pronto
- Fez a página de acordo com o protótipo
- O código ta no repositório (com branches, commits etc)
- Tem testes e passa nos testes com 70% de aprovação no minimo
- Testes de usuário
De acordo com os testes de usabilidade, 25% dos usuários não recebiam o Pop-Up Informativo ao rolar a tela ou clicar no header. Como resolução do problema, fizemos as adaptações necessárias, de forma que o pop-up apareça num mínimo movimento de scroll.
Constatamos, também, que cerca de 75% dos usuários utilizam a plataforma através de computadores desktop.
Para usar Chose Your Champion, siga estas etapas:
1. Tenha instalado algum editor de textos, recomendamos VSCode.
2. Faça o fork do projeto, em seguida faça o clone através do comando ´´´git clone link-do-repo``` no terminal.
3. Inicie o projeto no editor de texto com o comando ```code . ``` no terminal dentro da pasta do projeto.
Para contribuir com Chose Your Champion, siga estas etapas:
- Bifurque este repositório.
- Crie um branch:
git checkout -b <nome_branch>
. - Faça suas alterações e confirme-as:
git commit -m '<mensagem_commit>'
- Envie para o branch original:
git push origin <nome_do_projeto> / <local>
- Crie a solicitação de pull.
Como alternativa, consulte a documentação do GitHub em como criar uma solicitação pull.
Agradecemos às seguintes pessoas que contribuíram para este projeto:
Camila Conte |
Jennifer Pessoa |
- Usar VanillaJS.
- Não utilizar
this
. - Passa pelo linter (
npm run pretest
) - Passa pelos testes (
npm test
) - Testes unitários cobrem um mínimo de 70% de statements, functions, lines e branches.
- Inclui uma definição de produto clara e informativa no
README.md
. - Inclui histórias de usuário no
README.md
. - Inclui rascunho da solução (protótipo de baixa fidelidade) no
README.md
. - Inclui uma lista de problemas detectados nos testes de usabilidade no
README.md
. - UI: Mostra lista/tabela/etc com dados e/ou indicadores.
- UI: Permite ordenar dados por um ou mais campos (asc e desc).
- UI: Permite filtrar dados com base em uma condição.
- UI: É responsivo.