The Pokemon cards are dynamically generated as data is fetched from PokeAPI and the images from PokeDex API.
The card consists of various details about the individual Pokemon like its Serial Number, Image, Name, Weight, Height and its Type.
The border of the card also indicates the type of the Pokemon as the color is set accordingly. You can also hover over the color blob on the top right corner of the card to see its type.
Various gradient effects have been used throughout the application like the webpage's background, on the card and even on the scrollbar
The demo is live at https://therealrajan.github.io/Pokemon-Pokedex/
- PokeAPI - For Pokemon data and images(SVGs)