Projeto Pokedex React

https://pokedexrr.netlify.app/

Índice

1 - Sobre o Projeto

• Descrição
• API utilizada

2 - Funcionalidades

3 - Acesso ao Projeto

4 - Demonstrações

• Responsividade
• Listar Pokemons
• Informações detalhadas do Pokemon
• Pesquisar Pokemon
• Versão Shiny Pokemon
• Tela de Loading

5 - Instalação Local

• Pré-requisitos
• Passo a Passo

Sobre o Projeto

Pokedex é um projeto desenvolvido utilizando React e a API PokéApi. Com intuito de aprofundar meus conhecimentos em React e consumo de APIs externas. Edereço da API https://pokeapi.co/

Funcionalidades

• Lista de todos os Pokemons existentes através de paginação
• Abre uma tela de detalhes do Pokemon ao clicar nele
• Busca o Pokemon pelo nome ou número de ID
• Reproduz música tema do Pokemon ao clicar no play
• Opção de versão Shiny do Pokemon na tela de detalhes do Pokemon
• Tela de Loading personalizada
• Responsividade
• Cor de Background de cada Pokémon de acordo com seu Tipo

Para usar a pokedex acesse:

https://pokedexrr.netlify.app/

Responsividade

Listar os Pokemons

Informações detalhadas do Pokemon

Pesquisar Pokemon

Versão Shiny Pokemon

Tela de Loading

Como instalar localmente

Este projeto foi criado utilizando Create React App, para mais informações acesse https://github.com/facebook/create-react-app)

1. Clone este repositório para sua máquina local com o comando "git clone git@github.com:rafaelribeiro96/pokedex-test.git"
2. Instale as dependências necessárias executando o comando 'npm install' na pasta raiz do projeto
3. Inicie a aplicação executando o comando 'npm start'
4. Verifique no terminal o link que será disponibilizado para acesser o site localmente, o endereço padrão é http://localhost:3000/