< Back

React-Pokelist

Category:Personal
Tech:frontendreacttailwind cssvercel

For this project I wanted to show som React skills while consuming a public API. I found the PokeAPI and while looking at the documentation I saw that it was a a very good fit to build a small application with.

I built this project using React + Tailwind CSS, the site is deployed and running on Vercel.

Storage of settings and favorites are semi-persistant with the browsers localstorage. The PokeAPI has a fair-use policy that all requests should be caches – this was implemented using the caching function with fetch so that requests to the PokeAPI is cached in the browser.

Besides the startpage there is also a page which shows selected favorites ( select a favorite by pressing the heart icon on the startpage ).

When you click on a Pokémon from the startpage or from the favorites-page you can view details for that Pokémon.

On the settings-page you can select which style of icons/images to use.

< Back