Stack
- NuxtJS 3.6.5
- Typescript
- TailwindCSS w/ DaisyUI
Description
This app allows a user to list all Pokémon in a grid based format, it offers the features of pagination, filtering against certain traits, searching for specific Pokemon & also sorting by some specific traits.
Challenges
The main challenge was finding a public API, that already had sorting, searching, filtering & pagination built in - which also did not have rate limiting restrictions in place.
Because of this challenge I had to find an API that had the data I needed and had it freely available and build my own abstraction of the API I required for the task. Luckily the Pokemon API is freely available on Github, but unfortunately the data is not relational (found out the long way).
Essentially I had to write a script that would allow me to fetch all of the related relevant data and stitch it together into a .json file. This code can be found here.