Skip to content

Latest commit

 

History

History
34 lines (23 loc) · 1.46 KB

README.md

File metadata and controls

34 lines (23 loc) · 1.46 KB

Online Store

image

Sobre

Projeto feito em grupo na Trybe utilizando a API do mercado livre, onde é possível interagir com os produtos buscados de modo a adicioná-los e removê-los de um carrinho de compras ou como favoritos, visualizar detalhes de um produto e por fim, finalizar a compra (simulada) dos itens selecionados.

Tecnologias

  • React
  • React Icons
  • React Router Dom

Gh-Pages

https://vitosoaresp.github.io/online-store/

Código Feito Por mim

  • Mudança de componentes de class para componentes funcionais com Hooks.
  • Ajustes na responsividade do app.
  • Criação de um slider lateral para o carrinho e para a aba de favoritos.
  • Criação da lógica de adicionar e remover o produto dos favoritos.
  • Adição de mais fotos na pagina de detalhes do produto.
  • Mudanças na visualização do produto na página principal.
  • Utilização de Context API para facilitar uso de estados na aplicatição.

Futuras implementações

  • Poder alterar a quantidade do item no carrinho do slider lateral.
  • Colocar uma âncora no carrinho do slider lateral redirecionando para a página de detalhes do produto clicado.
  • Para displays pequenos, colocar as categorias aparecendo com um scroll horizontal em cima do input de pesquisa.
  • Animação ao clicar em adicionar o carrinho, e levar para uma página com detalhes da adição.