🚧 Pokedex | Em Construção 🚧

Bem Vindo à Pokedex DidiVersion

🚀 Sobre o Projeto

Este é um Fork do projeto de Alquipo/pokedex-old, com adição da Context API do React apresentado pelo Júlio Gonçalves na aula Trabalhando com context API no react do Bootcamp Impulso React Web Developer da dio.. Nele foram realizadas as modificações:

• Adicionado temas dark e light com propriedades para cores de fundo e texto correpondentes aos temas;
• Adição do switch de troca de tema no cabeçalho (canto superior direito);
• Ajuste do componente NavBar para reconhecer, permitir mudar o tema e também mudar suas cores com tema;
• Remoção do componente NavBarDetail visto que o NavBar foi atualizado para reconhecer a página (pokedex ou pokemon) e modificar conforme necessário;
• Duas maneiras de carregar as cores do tema vigente para aplicar ao respectivo componente:
  • ThemeContext.Consumer no componente Pokemon;
  • Hook useContext no componente PokemonCard;
• localStorage adicionado para guardar as informações de:
  • Tema;
  • Pokemon capturado (caught);
  • Pokemon favorito (favorite);
• Pokemon capturado (caught) e Pokemon favorito (favorite) componentizados e abstraídos no componente PokemonStatus;
• Paginação reprogramada no provider context pokemon.

TODO:
* Permitir usuário controlar quantidade de pokemons por página na pokedex.
* Aprimorar a query;

🔨 Tecnologias:

• ReactJs
• Context API
• Axios
• pokeAPI

🚀 Como rodar este projeto

Para clonar e executar este aplicativo, você precisará de Git e NodeJs Instalado em seu computador.

🌀 Clonando o repositório do Alquipo

# Clone este repositório
$ git clone https://github.com/Alquipo/React-PokeDex

# Acesse a pasta do projeto no terminal/cmd
$ cd React-PokeDex

🧭 Rodando a aplicação web localmente

# Instale as dependências
$ yarn

# Execute a Aplicação
$ yarn start

# O servidor iniciara na porta:3000 - acesse http://localhost:3000

🤔 Como contribuir para o projeto do Alquipo

• Faça um Fork do projeto Alquipo/pokedex-old;
• Crie uma nova branch com as suas alterações: git checkout -b my-feature
• Salve as alterações e crie uma mensagem de commit contando o que você fez:git commit -m "feature: My new feature"
• Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

📝 Licença

Este projeto está sob a licença MIT. Veja a LICENÇA para saber mais.

Atualizado com ❤️ por Luis Carlos Zancanela 👋🏽 Entre em contato!