Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor • Demo

Pokéxex é um projeto feito para o desafio da vaga de desenvolvedor frontend da empresa LooqBox, consiste em criar uma Pokédex do mundo Pokémon.

• List Page

  • Lista de 20 em 20 pokémons
  • Renderiza mais 20 pokémons quando o usuário clica no botão "Load More"
  • Cada cartão do pokémon possuí informações sobre o tipo do pokémon, sendo identificado por cores e legendas

• SearchBar

  • Pesquisa pokemons na mesma tela de listagem
  • Realiza a pesquisa do pokémon via ID ou nome

• Information Page

  • Informações sobre um pokémon específico
  • Gráfico sobre habilidades que o pokémon selecionado possui
  • Identificação visual do tipo do pokémon

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

# Clone este repositório
$ git clone https://github.com/AntonioGally/looqbox-frontend-challenge.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd looqbox-frontend-challenge

# Instale as dependências
$ yarn install

# Execute a aplicação em modo de desenvolvimento
$ yarn start

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

As seguintes ferramentas foram usadas na construção do projeto:

• React Router Dom
• Axios
• React Bootstrap
• Styled Components
• Styled Icons
• React Form Hook

Veja o arquivo package.json

---