Pokedex PokeAPI

📋 Descrição

Aplicação de uma Pokedex(Pokemon) feito em React.js que consome os dados da API PokeAPI.

Você pode acessar a aplicação online pela seguinte URL: https://vercel.com/ericchandia/pokedex-pokeapi

💻 Tecnologias e Conceitos

Front-end:

• React.js com Javascript
• Sass
• Styled-Components

Requisições:

• Axios

Conceitos:

• Clean Code, Layered Architecture

Organização:

• Eslint, Prettier

🚀 Páginas

ROTA /
- Apresenta um grid com 50 pokemons. O usuário pode clicar no botão "Avançar" para mostrar os próximos 50 pokemons, ou clicar no botão "Voltar" para voltar para a pàgina anterior.
- Passar o mouse em cima de um pokemon faz uma animação acontecer. No mobile é necessário clicar e segurar o pokemon.
- Ao clicar em um pokemon, o usuário será redirecionado para as informações daquele pokemon.

ROTA /pokemon/:id
 - Apresenta os dados principais do pokemon com o id em questão.
 - O usuário pode clicar no botão "Voltar" para voltar para a tela anterior.

🚀 Pré requisitos

Antes de começar, você vai precisar ter instalado em seu computador as seguintes ferramentas: Git, Node.js, Npm. Caso quiser editar o código, irá precisar de um bom editor como o VSCode

🏁 Rodando a aplicação

Primeiro, faça o clone desse repositório em seu computador:

git clone https://github.com/EricChandia/pokedex-pokeapi/

Entrar na pasta raiz do projeto.

Depois, dentro da pasta, rode o seguinte comando para instalar as dependencias.

npm i

Finalizado o processo, inicie o projeto com o seguinte comando:

npm run start

A aplicação irá rodar por padrão na porta 3000.

Será aberta uma janela no navegador com a aplicação funcionando.