Esse projeto foi realizado como pré-requisito para conclusão do bootcamp de Web Developer da Laboratória, com o intuito de resolver alguns problemas relatados por jogadores de Pokémon Go, que é um jogo eletrônico free-to-play de realidade aumentada desenvolvido para smartphones (Android e IOS). Com o uso do sistema de posicionamento global (GPS) e a câmera de dispositivos compatíveis, o jogo permite aos jogadores capturar, batalhar, e treinar criaturas virtuais chamadas Pokémon, as quais aparecem nas telas de dispositivos como se fossem no mundo real. Para saber mais sobre acesse Pokémon Go.

O PokeInfo foi destinado para busca de informações sobre todos os Pokémon de Kanto (1ª geração), como:

• Nome;
• Imagem;
• Tipo;
• Raridade;
• Vantagens;
• Fraquezas;
• Evoluções;
• Ponto de Combate Máximo.

Além de pesquisar os Pokémon escrevendo seu respectivo nome, você também poderá consulta-los por tipo e ordená-los em ordem alfabética de A-Z e de Z-A. Contando com um cálculo de quantos por cento cada Pokémon tem de PC Máximo em relação ao Pokémon que pode atingir o maior PC da geração de Kanto(Mewtwo).

O Home do site conta com uma breve descrição do mesmo e algumas dicas para jogar Pokémon Go.

Para utilizar o PokeInfo Go clique aqui!

De início idealizamos um protótipo de baixa fidelidade para interface.

Foram realizados diversos testes de usabilidade durante a construção do projeto, pelos quais foram guiadas as criações e soluções dos problemas relatados pelos usuários.

• De princípio os cards dos Pokémon apresentavam todas as informações na frente, porém um dos nossos usuários pontuou que desta forma ficava, de certa forma, poluído visualmente. Portanto definimos por fazer os cards com frente e verso.
• Apontamentos de bugs que não tinham sido averiguados, como a filtragem por tipo só estar ocorrendo em Pokémon de um tipo só, aqueles com mais de um tipo não eram incluídos em filtragem alguma.
• O não funcionamento de alguns botões do select.
• Outro ponto apresentado foi a necessidade de retornar a ordem original dos Pokémon após a ordenação e/ou filtragem e/ou pesquisa. Sendo incluído assim o retorno da ordem original nos respectivos selects.

A Paleta de cores foi definida conforme as cores originais do Pokemon GO.

Para a construção desse projeto foram utilizadas apenas as seguintes ferramentas:

• JavaScript
• HTML 5
• CSS
• Node.JS