https://github.com/jack970/pokedex
Este é um projeto frontend que comunica com a api PokeAPI para buscar pokémons
https://github.com/jack970/pokedex
axios frontend nextjs pokedex pokemon react react-icons typescript
Last synced: 2 months ago
JSON representation
Este é um projeto frontend que comunica com a api PokeAPI para buscar pokémons
- Host: GitHub
- URL: https://github.com/jack970/pokedex
- Owner: jack970
- License: mit
- Created: 2024-05-31T21:23:54.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-11T06:32:12.000Z (almost 2 years ago)
- Last Synced: 2025-03-23T07:33:13.925Z (about 1 year ago)
- Topics: axios, frontend, nextjs, pokedex, pokemon, react, react-icons, typescript
- Language: TypeScript
- Homepage: https://pokedex-jack970.vercel.app
- Size: 879 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Pokédex
## 👁️🗨️ Visão Geral
Este é um projeto frontend que comunica com a api PokeAPI e criar uma listagem e visualização de pokémons
---
### Com ele é possível :
- [x] **Listagem dos pokémons**: Listar os pokémons com o uso da API REST.
- [x] **Ampliar a listagem dos pokémons**: Método para adicionar mais pokémons a lista, ampliando-se a quantia de pokémons mostrada ao usuário.
- [x] **Buscar pokémons**: Método para filtrar os pokémons a partir do seu nome.
- [x] **Efeito no cartão do pokémon**: Criar uma animação ao usuário apresentar foco no cartão do pokémon.
- [x] **Selecionar pokémon**: Criar uma página na aplicação com mais detalhes sobre o pokémon escolhido.
- [x] **Criar seções do pokémons**: Separar as informações do pokémon em três seções: Sobre, Estatísticas, Evoluções.
- [x] **Seção Sobre**: Dados básicos sobre o pokémon, como altura, peso, fraquezas.
- [x] **Seção Estatísticas**: Pontos de batalha do pokémon, como vida, ataque, defesa, velocidade, especial ataque e especial defesa.
- [x] **Seção Evoluções**: Construir a árvore de evolução do pokémon
---
### :rocket: Tecnologias
- [NextJs](https://nextjs.org/)
- [React](https://pt-br.reactjs.org/)
- [React-Icons](https://react-icons.netlify.com/)
- [Axios](https://github.com/axios/axios)
- [TypeScript](https://www.typescriptlang.org/)