https://github.com/matheusmhq/pokedex-react-js
A React app consuming the PokéAPI.
https://github.com/matheusmhq/pokedex-react-js
api-pokemon details-pokemon list-pokemons pokeapi pokedex pokemons react react-js
Last synced: 7 months ago
JSON representation
A React app consuming the PokéAPI.
- Host: GitHub
- URL: https://github.com/matheusmhq/pokedex-react-js
- Owner: matheusmhq
- License: mit
- Created: 2021-02-18T22:01:46.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-05T23:20:36.000Z (over 3 years ago)
- Last Synced: 2025-03-16T16:11:24.954Z (7 months ago)
- Topics: api-pokemon, details-pokemon, list-pokemons, pokeapi, pokedex, pokemons, react, react-js
- Language: JavaScript
- Homepage: https://pokedex-up.netlify.app
- Size: 13.7 MB
- Stars: 15
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
A fully responsive React application built with React consuming the public PokéApi.
Demo •
Libs •
Functionalities •
Getting Started
# Demo
[Pokedex ReactJs - Live ◀️](https://pokedex-up.netlify.app/)
## Libs
Key Libs used in this React project are:
| Lib | Description |
| :-------------:|--------------|
| [React](http://facebook.github.io/react/index.html) | A JavaScript library for building user interfaces. |
| [Bootstrap](https://react-bootstrap.github.io/) | The most popular front-end framework Rebuilt for React. |
| [Router Dom](https://reactrouter.com/) | The React Router Dom is a complete lib for route control. |
| [Axios](https://github.com/axios/axios) | Promise based HTTP client for the browser and node.js |
# Functionalities
- [Home (/)](https://pokedex-up.netlify.app/) - List **_pokemons_**, filter with base in name or number, has pagination.
- [Details (/details)](https://pokedex-up.netlify.app/details/bulbasaur) - Shows details (**_height, weight, abilities, stats, evolution etc..._**) about a specific pokemon.
# Getting Started
- Clone this repo
```
git clone https://github.com/matheusmhq/pokedex-react-js.git
cd pokedex-react-js
```
- Install all dependencies
```
yarn install or npm install
```
- Now run **yarn start** or **npm start**
- Open your browser at `http://localhost:3000`
- Happy hacking! 😀😀😀