Projeto Pokédex

O Projeto Pokédex é um site constituído por três paginas, cujo objetivo é por em prática todo conteúdo que foi dado no módulo de Front-end.

Projeto React e API's - link - https://crabby-owner.surge.sh/

Os conteúdos principais a serem aplicados são:

• Integração de APIs
• React Router
• Design Systems
• Estado Global

---

Índice

• Funcionalidades do Projeto
• Layout
• Visualizar este projeto
• Como rodar este projeto
• Requisitos do projeto
• Tecnologias Utilizadas
• Pessoas autoras
• Próximos Passos

⚒ Fucionalidades do Projeto

O Projeto Pokédex apesar do seu funcionamento ser bem simples, requer sólidos conceitos de programação, o projeto é constituído por três páginas: Home, Pokédex e Detalhes, na página Home ficam todos pokémons disponíveis e o usuário tem a possibilidade de ver mais detalhes ou capturar o pokémon, ao ser capturado é exibida uma mensagem e ele desaparece da lista de disponíveis e passa a fazer parte da pokédex, já na pokédex o usuário também pode ver mais detalhes assim como pode remover o pokémon da pokédex. A fonte de dados é uma API pública (Pokeapi) que é muito utilizada para fins acadêmicos e processos seletivos.

---

✍ Layout Desktop

✍ Layout Mobile

---

🔗 Demonstração

Link do projeto!.

---

📄 Como rodar este projeto

Caso queira baixar e instalar este projeto em seu computador, é necessário que tenha o git e o node instalados.

Links: Node - Git

Se já tem ambos instalados ou após instalar, siga os passos abaixo:

# Abra um terminal e digite o seguinte comando

git clone (cole a url aqui)

# acesse a página criada 

cd Pokedex

# Instale as dependências
yarn install

# Executando o Projeto
yarn dev

---

Requisitos do Projeto

Requisitos

• Gerais:

  • O site deve ter 3 páginas: Home, Pokédex e Detalhes;
  • Projeto deve seguir o design proposto;
  • O fluxo de trocas de páginas devem ser semelhante ao fluxograma;

• Página Home:

  • Mostrar uma lista de Pokémons, contendo ao menos 20 Pokémons;
  • Cada Pokémon será representado por um Card;
  • Em cada card de Pokémon tem um botão para adicioná-lo à Pokédex e um outro botão para acessar os detalhes do Pokémon;
  • Header dessa página terá um botão para acessar a página da Pokédex

• Página Pokédex

  • Renderizar a lista de pokémons adicionados na pokedex;
  • Em cada card de Pokémon deve ter um botão para removê-lo da Pokédex e um outro botão para acessar os detalhes do Pokémon.
  • Header deve ter um botão para voltar para a Home
  • Não deve ser possível adicionar o mesmo Pokémon duas vezes na Pokédex

• Página de Detalhes

  • Mostrar os detalhes do Pokémon selecionado, com informações descritas
  • Header deve ter um botão para adicionar ou remover da Pokédex e outro para voltar a página home.

  obs: informação no coda conflitante com este ítem acima, por esse motivo deixe os dois links.

  

  

• Criar um readme para o projeto;

Funções implemetadas

 Além do que foi solicitado, acrecentei paginação e uma página de erro, além do botão voltar para Pokédex seguindo recomendação do coda.

---

Responsividade

Responsivo em Desktop, Tablet e Celulares.

---

💻 Tecnologias

---