Pokeapi és un aplicatiu per consultar l'API de Pokemon PokeAPI.
A NEWE es proposava per al repte l'ús de React, Angular o Vue.js. Jo estic fent l'itinerari de PHP, tot i això, tenia ganes d'investigar els meus límits amb Javascript.
La meva versió de la Pokeapi té un buscador general que llegeix d'un json els 1154 noms i id dels Pokemons en forma de caché per poder fer una live search.
També et permet veure tots els Pokemons, al clicar el botó All with limit, s'obre un popup que té un knob que limita el número de Pokemons a escollir del total.
També pots llistar pel tipus de Pokemons que existeixen on, al clicar el botó corresponent al tipus, t'apareixen tots els de la tipologia demanada.
No totes les fotos apareixen i he posat una foto genérica quan això passa.
Un cop cliques a una carta, t'apareix tota la informació del Pokemon en qüestió. Connectant a /pokemon, /pokemon-species i /generation.
He utilitzat PHP, Javascript i Jquery pel límit del Knob i pel buscador.
Les vistes estan pensades per a desktop, tablet i telèfons, adaptant les vistes a cada dispositiu.
El codi ha de ser lliure: pull request, forks, clones i descarregues són benvingudes.
-
Treure el bug de quan borres tota la cerca al buscador el contador es posi a 0 i no en el anterior ha ser borrat totalment.
-
Implementar un next page al buscador amb límit i offset a forma de paginació. Pagination
-
A la pàgina d'informació del Pokemon, veure l'evolució del Pokemon en qüestió amb desplegables per poder visulitzar la informació bàsica del Pokemon amb un hover i poder anar a la fitxa.
-
Una animacó de l'evolució fent morphing als svg's amb la llibreria Snapsvg.
-
Que el buscador funcioni amb totes les tipologies de cerca.
- Interactuar quan estigui operativa la versió de l'API amb Graphql.
Per a més versions, el futur ja dirà.
Public domain.