https://github.com/erickdc7/pokeapi4
PokeAPI 4
https://github.com/erickdc7/pokeapi4
pokeapi react
Last synced: about 1 year ago
JSON representation
PokeAPI 4
- Host: GitHub
- URL: https://github.com/erickdc7/pokeapi4
- Owner: erickdc7
- Created: 2023-03-12T00:16:09.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-18T17:17:50.000Z (over 2 years ago)
- Last Synced: 2023-12-18T21:45:52.237Z (over 2 years ago)
- Topics: pokeapi, react
- Language: JavaScript
- Homepage: https://pokeapi04.netlify.app/
- Size: 1.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PokeAPI 04
This design is inspired by the work of [Programación para el Mundo](https://www.youtube.com/@programacionparaelmundo). Click [here](https://youtu.be/BVQrG-Bp-94) to watch the video.
## Technologies
This web page was made with the following technologies:
- HTML5
- CSS3
- JavaScript
- React
- useState
- useEffect
- createContext
- useContext
- React Router DOM
- Link
- Outlet
- Navigate
- useNavigate
- useParams
- useLocation
- Route
- Routes
- BrowserRouter
- UI Ball
- PokeAPI
## Pages
This web page contains 2 sections: **Home**, **Details**, **Search** and **Filter**.
### Home
#### In this section you will see a list of 50 pokemon, and each pokemon is with its respective name, types and its ID. At the bottom of the list, there is a functional button that, if you click on it, will load the next 50 Pokemon.
### Details
#### In this section you will be able to see the details of the pokemon you chose in the previous section, by clicking on one of them. You can see more details of that pokemon like its weight, height, and its stats.
### Search
#### In this section you will see the pokemons that you have searched for in the search bar.
### Filter
#### In this section you can filter the pokemons according to their type or types that you prefer.
