You put the name of the pokemon and you will get an adorable image, the name and some text, that's it, that's all. This was possible using the pokemon api (https://pokeapi.co/) .
The live site can be found here: https://glopzel.github.io/poke-a-piew/
This was made with HTML, CSS and JS. The text effect was used with an animation that takes the container of the text starting from 0% width and increases it until it gets to 100%. The steps are set in a CSS variable so it changes according to the length of the text. The data from the API was requested using fetch method, passing the url with the name of the pokemon after the endpoint /pokemon/{pokeName}
.
- pokemon endpoint:
https://pokeapi.co/api/v2/pokemon/{id or name}/
- documentation: https://pokeapi.co/docs/v2