Skip to content

miguelbitz/projeto-react-apis

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 

Repository files navigation

Porjeto Pokedex - GitHub README

Bem-vindo ao projeto em ReactJS que utiliza a API do Pokémon! Este projeto foi desenvolvido para explorar as capacidades do React e criar uma aplicação interativa relacionada aos famosos personagens Pokémon.

Utilizamos a API do Pokémon para obter dados detalhados sobre diferentes Pokémon, como seus nomes, tipos, habilidades e estatísticas. Com base nessas informações, construímos uma interface amigável e envolvente para que os usuários possam explorar e descobrir mais sobre seus Pokémon favoritos.

O projeto foi desenvolvido utilizando as seguintes tecnologias:

  • JSX
  • CSS
  • JavaScript
  • HTML
  • APIs
  • React Router
  • Design Systems
  • Global State
  • React
  • Styled-components
  • React Context
  • Axios

Recursos

Os principais recursos do projeto E-Commerce SpaceBitz incluem:

  • Estrutura do site em 3 páginas: Home, Pokédex e Detalhes
  • Design seguindo a proposta visual
  • Fluxo de trocas de páginas conforme o fluxograma

Página Home:

  • Mostrar uma lista de Pokémons, com no mínimo 20 Pokémons
  • Cada Pokémon será representado por um card
  • Cada card de Pokémon terá um botão para adicioná-lo à Pokédex e outro botão para acessar os detalhes do Pokémon
  • O header da 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 à Pokédex
  • Cada card de Pokémon terá um botão para removê-lo da Pokédex e outro botão para acessar os detalhes do Pokémon
  • O header terá um botão para voltar para a Home
  • Não 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 descritivas -O header terá um botão para adicionar ou remover da Pokédex e outro botão para voltar à página Home.

O projeto está hospedado na Vercel. Acesse a implantação através do link:

  projeto-react-apis-nu.vercel.app/

Colaboração

Sugestões e melhorias são sempre bem-vindas! Para colaborar, faça um fork do projeto, crie um branch com suas alterações e envie um Pull Request.

Licença

Este projeto está licenciado sob a Licença MIT. Consulte o arquivo LICENSE para mais detalhes.

About

Ultimo projeto do modulo 2 - Front

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.7%
  • CSS 9.5%
  • HTML 0.8%