Um aplicativo da Web que permita aos usuários visualizar e pesquisar Pokémon usando o PokeAPI. Os usuários devem poder visualizar informações básicas sobre cada Pokémon.
- Uma visualização de gráficos com os dados dos nossos Pokémons;
- Uma página para pesquisar os Pokémons com uma barra de pesquisa no topo;
- Um card com os dados do Pokémon.
#Resultado https://63ee7c752b0627005431cde0--manoelpokemonreact.netlify.app/
React Material UI PokeAPI react-chartjs-2
A aplicação consome uma API de pokemons, que é utilizada para exibir uma lista inicial de pokemons. É possível buscar pokemons por nome e ao clicar em um pokemon específico é redirecionado para uma página com detalhes sobre o pokemon selecionado.
Para rodar o projeto em sua máquina, é necessário ter o Node.js instalado. Após a instalação, siga os passos abaixo:
1 - Clone o repositório na sua máquina
2 - Acesse a pasta do projeto pelo terminal e rode o comando npm install
3 - Após finalizar a instalação das dependências, rode o comando npm start
4 - A aplicação deverá abrir no endereço http://localhost:3000/
Enquanto trabalhava neste projeto, aprendi a usar o Material UI para criar uma interface responsiva e visualmente atraente. Também aprendi a interagir com o PokeAPI para buscar dados de cada Pokémon e exibi-los de maneira amigável. Além disso, aprendi a implementar diversos recursos, como busca e paginação, para aprimorar a experiência do usuário.
Nome: Manoel Neto E-mail: manoeln@outlook.com