Diseño Frontend con React y Vite para consumo de la API de Pokémon. La plantilla muestra las tarjetas de las evoluciones de cada pokémon (~1300 pokémon). Muestra de una a tres tarjetas dependiendo de la cantidad de evoluciones. Al dar click en las tarjetas, muestran sus estadísticas.
PokeAPI.mp4
Este es un proyecto de práctica para aprender a usar React. El crédito del diseño y la lógica es para CodingTube: youtube.com/@CodingTube
Agregado al proyecto, añadí que cada tarjeta muestre las estadísticas al reverso.
Como herramientas para este proyecto se utilizó:
• Visual Studio Code
• JavaScript (Frameworks: React, Vite)
• CSS (Pre-procesador: Sass)
• HTML
Para la creación de este proyecto, estaré consumiendo la PokéAPI, que proporciona información detallada de cada pokémon: https://pokeapi.co/
El proyecto muestra tres tarjetas del primer pokémon de la API que es Bulbasaur
Al dar click en una evolución, este nos mostrará algunas estadísticas:
Así hasta completar toda la lista de pokémon que nos proporciona la API. Podemos avanzar o ir hacia atrás.
Si un pokémon no tiene evoluciones o si sólo tiene dos, la plantilla se ajustará para solo mostrar la cantidad de tarjetas específica.
