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 oNavBar
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 componentePokemon
;- Hook
useContext
no componentePokemonCard
;
- 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;
Para clonar e executar este aplicativo, você precisará de Git e NodeJs Instalado em seu computador.
# Clone este repositório
$ git clone https://github.com/Alquipo/React-PokeDex
# Acesse a pasta do projeto no terminal/cmd
$ cd React-PokeDex
# Instale as dependências
$ yarn
# Execute a Aplicação
$ yarn start
# O servidor iniciara na porta:3000 - acesse http://localhost:3000
- 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
Este projeto está sob a licença MIT. Veja a LICENÇA para saber mais.
Atualizado com ❤️ por Luis Carlos Zancanela 👋🏽 Entre em contato!