Pokémon Weakness Finder

Pokémon Weakness Finder on kaikkien Pokemon-fanien must-have Google Chrome-lisäosa. Sen avulla käyttäjä pystyy tarkistamaan eri Pokémonien elementaaliset heikkoudet ja hyödyntämään niitä helpommin Pokémonien välisissä otteluissa.

Pokemon Weakness Finder

Pokémon Weakness Finder-lisäosan ulkoasu on leikkisä ja värimaailmaltaan Pokémon-universumiin sopiva. Lisäosan pikselimäisestä fontista (Pixelify Sans) tulee mieleen GameBoy-käsikonsolille julkaistut ensimmäiset Pokémon-pelit.

Pixelify Sans Font Preview
Pokemon Weakness finder suggestion list

Projektin taustaa

Syy siihen, miksi halusin rakentaa Pokémoneihin liittyvän selainlisäosan on se, että tykkään pelata vanhoja GameBoy-konsoleille julkaistuja Pokémon-pelejä erilaisilla emulaattorisivustoilla. Huomasin Googlettavani usein Pokémonien heikkouksia ja aloin miettimään, että voisi olla kätevää, jos voisin hakea Pokémonien heikkouksiin liittyvää tietoa selainlisäosan avulla. En ollut aiemmin rakentanut Chrome-selainlisäosia, joten projekti tuntui myös hyvältä tilaisuudelta oppia rakentamaan itselleni uudenlaisia sovelluksia.

Helppo ja nopea hakutoiminto

Pokémon Weakness Finder-lisäosan rakentamisessa on käytetty moderneja ohjelmistokehityksen teknologioita kuten Viteä, Reactia, TypeScriptiä, Vitestiä ja Jestiä. Lisäosassa hyödynnetään PokéAPI-nimistä API-rajapintaa, jonka avulla ohjelma osaa laskea Pokémoneille niin kahden- kuin nelinkertaisetkin heikkoudet. Ja kuten hyviin API-rajapintojen käytön tapoihin kuuluu, tallennetaan API-kutsujen tulokset selaimen välimuistiin. Näin voidaan vähentää rajapintaan kohdistuvaa painetta ja vähentää API-kutsujen kokonaismäärää.

Pokemon Weakness Finder Pikachu Search Results

Pyydä WordPress-verkkosivutarjous jo tänään!

Piirros kädestä, joka pitelee viestin saanutta kännykkää | Jon Haataja verkkosivut