https://github.com/eiberham/pokedex
:honeybee: A pokedex built with react.js
https://github.com/eiberham/pokedex
hooks pokedex react webpack
Last synced: about 2 months ago
JSON representation
:honeybee: A pokedex built with react.js
- Host: GitHub
- URL: https://github.com/eiberham/pokedex
- Owner: eiberham
- License: mit
- Created: 2019-07-30T20:53:19.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T13:59:54.000Z (over 3 years ago)
- Last Synced: 2024-12-29T05:24:36.975Z (over 1 year ago)
- Topics: hooks, pokedex, react, webpack
- Language: JavaScript
- Homepage: https://eiberham.github.io/pokedex/
- Size: 6.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Pokedex.
This is a pokedex built with react leveraging basic hooks functionality and the pokémon api,
for the ui I used flexbox for positioning elements and styled components to add it some
styling.
You can see a list of the 151 pokémons available in the api and search any, when you click on a
card it flips so that you can see its back face.
Below you can see a screenshot of the end result:
Or if you wanna check it out live I deployed it to github pages --> [here](https://eiberham.github.io/pokedex/#/)
## How to run it locally ?
First step, clone the repo.
```console
foo@bar:~$ git clone https://github.com/eiberham/pokedex.git
```
Then run the following command within the project folder to install all the dependecies:
```console
foo@bar:~$ yarn install
```
Afterwards run the following command:
```console
foo@bar:~$ yarn run start
```
Now if you go on http://127.0.0.1:8084/#/ you'll see it.
Enjoy!