https://github.com/matheussandi/pokedex
Listagem e detalhes dos pokemons utilizando PokeAPI.
https://github.com/matheussandi/pokedex
pokeapi pokedex pokemons reactjs styled-components typescript
Last synced: 16 days ago
JSON representation
Listagem e detalhes dos pokemons utilizando PokeAPI.
- Host: GitHub
- URL: https://github.com/matheussandi/pokedex
- Owner: Matheussandi
- Created: 2022-06-08T18:55:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-08T17:57:13.000Z (over 2 years ago)
- Last Synced: 2025-09-21T01:52:14.243Z (about 1 month ago)
- Topics: pokeapi, pokedex, pokemons, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage: https://pokedex-eight-blue.vercel.app
- Size: 553 KB
- Stars: 3
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
https://user-images.githubusercontent.com/29473781/180622914-11e42c5a-6d48-40f6-8ca5-71f0de600fb8.mp4
# :computer: Projeto
Esta aplicação web tem o intuito de listar e detalhar um pouco mais sobre o pokemon selecionado. Toda essa construção visual só foi possível graças ao [layout](https://www.figma.com/file/XzpoBF2xUaZPJm4C8Di1qC/Prova-de-Teste) proposto e as informções detalhadas dos pokemons foi devido ao uso da API REST [PokéApi](https://pokeapi.co/).
# :pushpin: Recursos
:heavy_check_mark: Listagem de pokemons;
:heavy_check_mark: Filtro de pokemon pelo nome;
:heavy_check_mark: Reponsividade;
:heavy_check_mark: Detalhes do pokemon selecionado;
:heavy_check_mark: Carregamento por lista.
# :technologist: Tecnologias
- [Axios](https://axios-http.com/ptbr/docs/intro)
- [Material-UI](https://mui.com/)
- [React](https://pt-br.reactjs.org/)
- [React Router](https://reactrouter.com/)
- [React-icons](https://react-icons.github.io/react-icons/)
- [Styled-components](https://styled-components.com/)
- [Typescript](https://www.typescriptlang.org/)
# :warning: Alertas
* Algumas informações estão em inglês, por exemplo sobre o pokemon, porque a api ainda não disponibilizou a linguagem pt-BR de forma oficial, dessa forma optei por colocar algumas informações em inglês.
* Listagem dos pokémons está limitada até 700 pokemons, mas pode ser alterada dentro do código.
# :inbox_tray: Instalação e execução
Faça um clone e acesse o diretório:
```
git clone git@github.com:Matheussandi/Pokedex.git && cd Pokedex
```
Instala as dependências:
```
yarn
```
Executa:
```
yarn start
```