https://github.com/evilamaior/data-lovers-pokemon-go

Desenvolvido juntamente com @jessikalayne, o Data-Lovers Pokémon Go oferece aos usuários do game mais informações sobre os 151 Pokémons da região de Kanto.
https://github.com/evilamaior/data-lovers-pokemon-go

css es6 html-css-javascript html5 javaspring json

Last synced: about 2 months ago
JSON representation

Desenvolvido juntamente com @jessikalayne, o Data-Lovers Pokémon Go oferece aos usuários do game mais informações sobre os 151 Pokémons da região de Kanto.

• Host: GitHub
• URL: https://github.com/evilamaior/data-lovers-pokemon-go
• Owner: evilamaior
• Created: 2021-01-12T20:49:39.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-12T20:59:46.000Z (over 5 years ago)
• Last Synced: 2025-10-05T03:53:33.769Z (8 months ago)
• Topics: css, es6, html-css-javascript, html5, javaspring, json
• Language: JavaScript
• Homepage: https://evilamaior.github.io/data-lovers-pokemon-go/src/
• Size: 4.35 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Introdução

> O Data-Lovers Pokémon Go foi desenvolvido para oferecer aos usuários do game mais informações sobre os 151 Pokémons da região de Kanto. Os usuários podem ordenar por nome de A-Z ou Z-A e número, além de filtrar pelo tipo do Pokémon.

O site também mostra quais Pokémons são encontrados em ovos e quantos quilômetros são necessários andar para chocá-los. Na parte de cálculos e estatísticas, os jogadores têm acesso à dados como horários para encontrar os Pokémons, melhor horário para capturar e melhorar horário para capturar de acordo com o tipo.

A lógica do projeto foi desenvolvida em JavaScript (ES6), HTML e CSS, acessando e manipulando de forma dinâmica um arquivo JSON. 

## Protótipos

> Um primeiro protótipo passo por testes de usabilidade. O grupo de usuários relatou a necessidade de uma header, menu com opção de filtrar e ordenar na lateral, nav com links de acessos à páginas com informações separadas para melhor visualização. 

![Protótipo 1](img/prototipo1.png)

![Protótipo 1](img/prototipo1filtrar.png)

![Protótipo 1](img/prototipo1ordenar.png)

> A segunda versão do protótipo foi desenvolvida visando atender ao máximo possível das necessidades das personas. 

![Protótipo 2](img/ordenar.gif)

![Protótipo 2](img/filtrar.gif)

![Protótipo 2](img/filtrar.gif)

![Protótipo 2](img/eggs.gif)

![Protótipo 2](img/horario.gif)

![Protótipo 2](img/quandoencontrar.gif)