sineto/gama-pokestore

Loja Virtual de Pokémon criada utilizando ReactJS e TypeScript.

Pokemart

Descrição do Projeto

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.

O Desafio

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

Tecnologias e Dependências

Toda a aplicação fora construida utilizando a biblioteca ReactJS inteiramente programada com TypeScript.

• axios
• react-router-dom
• styled-components
• node-sass
• normalize.css
• meterial-ui
• react-icons

Ambiente de Desenvolvimento

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

Todos

• 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