https://github.com/lana-20/pokedex
https://github.com/lana-20/pokedex
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lana-20/pokedex
- Owner: lana-20
- Created: 2021-08-13T16:44:28.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-08-13T17:04:23.000Z (about 4 years ago)
- Last Synced: 2024-12-30T09:47:10.886Z (9 months ago)
- Language: JavaScript
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
| [Pokedex](https://github.com/lana-20/50Projects50Days/tree/main/Pokedex) | [Live Demo](https://lana-20.github.io/pokedex/) |
|----|----|
In this project, I am building a Pokedex, which is basically a bunch of Pokemon cards.
I have 150 cards, with the image, the id of the Pokemon, the name, and the type.
Depending on the type, I set the card background to a specific color.
Grass is green, fire is a pinkish red color, water is blue, and so on.
To get the data, I use the Poke API https://pokeapi.co/. You can get it by id, get abilities, etc.
I am fetching some basic data and creating these nice looking cards.
It is fully responsive. I am using a flex box, so it looks good on small screens.
I am using the fetch APIs and async/await.
I am manipulating some of the data a little to get the desired result.