Sobre   |   O que funciona   |   O que não funciona   |   Em desenvolvimento   |   Imagens do Site   |   Desenvolvedores

📓 Sobre

🖥️ Projeto desenvolvido conforme proposta do bootcamp ministrado pela Labenu baseado em React JS, para o desenvolvimento de um web site inspirado na Pokédex do anime Pokémon. Nele você pode criar sua própria pokédex com os seus pokémons preferidos.

🔗 Link Surge - link para visualização do site

PokeDéx

🛠 Tecnologias

Ferramentas usadas na construção do projeto:

• React JS
• Styled-components
• Chakra UI Design System
• Customs e React Hooks
• React Router DOM
• Integração com API
• Axios

✔️ O que funciona

👤 Header

• Possui um botão que direciona para página home
• Possui um botão que direciona para pokedéx

🏠 Página Home

• Mostra a lista de pokemons ao usuário
• Botão de adicionar o pokemon à pokedéx
• Botão de ver os detalhes de um pokemon

🔮 Página Pokedéx

• Mostra a lista de pokemons adicionados pelo usuário
• Botão de remover o pokemon da pokedéx
• Botão de ver os detalhes de um pokemon
• Quando a pokedéx está vazia, isso é mostrado ao usuário

👀 Página de Detalhes

• Mostra o nome e imagem frontal do pokemon
• Mostra o stats (HP, ataque, defesa, ataque especial, defesa especial, velocidade)
• Mostra o tipo do pokemon
• Mostra os principais movimentos/ataques do pokemon

➕ Outras funcionalidades

• Responsividade para mobile
• Caso o usuário digite uma url inválida o mesmo será direcionado para a página de erro
• Paginação

❌ O que não funciona

• Ao clicar no botão de adicionar, o card do Pokemon clicado deve desaparecer da tela (Página Home);
• Botão para adicionar ou remover o pokemon da Pokedex a partir da página de detalhes (Página de Detalhes);

🚧 Em desenvolvimento

• Ao clicar no botão de adicionar, o card do Pokemon clicado deve desaparecer da tela (Página Home);
• Botão para adicionar ou remover o pokemon da Pokedex a partir da página de detalhes (Página de Detalhes);
• Batalha dos pokemons

🖥️ Imagens do site (computador)

📱 Imagens do site (mobile)

👷 Desenvolvedores

Ana Karine 👩🏻‍💻

Geyson Mesquita 👨🏽‍💻

Gledson Lucas 🧑🏻‍💻

Voltar para o topo 🔝