Pokemart é uma aplicação que simula uma loja virtual de Pokémon. O objetivo do desenvolvimento da loja é o de colocar em prática conhecimentos obtidos ao longo do trinamento Hiring Coders promovido pela Gama Academy.
Para o desafio foi solicitado que os desafiantes consumissem a API PokéAPI. Os requisitos para a implementação da loja foram:
- Definir preços aleatórios porém mantendo a consistência com relação ao carrinho de compras
- Catálogo de produtos
- Carrinho lateral
- Resumo do carrinho
- Barra de busca para filtrar os Pokémon
- Botão de finalizar compra, reiniciando o processo de compra
- Modal de "Obrigado" ao finalizar compra
- Salvar os dados da compra do usuário localmente para não perdê-las ao atualizar a página
Toda a aplicação fora construida utilizando a biblioteca ReactJS inteiramente programada com TypeScript.
Se desejar rodar a aplicação localmente, siga os seguintes procedimentos:
Clonando o repositório:
$ git clone https://github.com/sineto/gama-pokemart
Instalando dependências:
$ cd gama-pokemart
$ yarn install # ou npm install
Rodando o servidor React:
$ yarn start
- Reduzir props drilling
- Header: Condicionar visibilidade do contador de items
- Carrinho: Input em cada item para usuário setar quantidade de manualmente (ao invés de somente usando os botões
+
e-
) - Verificar lentidão na requisição dos recursos da API