Gridsome
Progressive Web Application written in ssg Gridsome + tailwind CSS. I used six different API's to fetch data and display them.
- Users API - fetch random user data and display them. In this case I also used infinite-scroll trick, so when we scroll down the site, next user data is fetching and displaying.
- Star Wars API - I'm displaying informations about Star Wars characters in a table, sorted alphabetically by name.
- Pokemons API - at the start I'm fetching all the pokemons names. After that we can filter pokemon by name (if we want to), after clicking on a name, we are fetching the data about the specific one, and displaying image and info about'em.
- Harry Potter API - displaying all characters from HP movies, with some infos and images. We can also select the specific house characters.
- Jokes API - fetch random joke. I used VUEX in this one, to store the number of jokes fetched. It collaborates with another one:
- Weather API - it is implemented inside Jokes page, becouse after fetching few jokes, the modal is showing up, and displays the weather informations in Poland.