Esse é um repósitório com a cópia do projeto de Online Store que realizei na Trybe
Neste projeto foi criado uma loja virtual, onde é possível buscar diferentes produtos, ou pela categoria ou pelo nome, ver detalhes do produto, avaliá-lo, adicionar ou remover do carrinho e finalizar a compra. Foi realizado utilizando o react, o react-router-Dom com JavaScript, Html e Css.
Para acessar o projeto basta fazer o git clone do repositório, entrar na pasta do projeto e dar os comandos "npm install" e na sequencia "npm start".
Foram seguidos os seguintes passos:
- realizadas as requisições para à API do mercado livre.
- criado uma página de listagem de produtos, onde é possível buscar e filtrar os produtos.
- criada a página do carrinho de compras, onde é possível adicionar produtos no carrinho.
- foi feita uma lista com as categorias de produtos vindas da API, a qual é utilizada para fazer as buscas de produtos por categorias.
- Na página de listagem de produtos foi adicionado um campo de busca que devolve uma lista de produtos de acordo com o termo digitado.
- Ao clicar em algum produto na tela principal o usuários é redirecionao para uma tela de detalhes.
- A tela de detalhes traz as informações do nome, preço, imagem, especificações técnicas.
- Também é possível adicionar o produto no carrinho a partir da tela de Detalhes, bem como acessar o carrinho.
- E por fim, é possível avaliar e comentar sobre o produto dentro da página de detalhes.
- Dentro do carrinho de compras é possível manipular as quantidades de cada produto.
- As informações do Carrinho e as avaliações do produto ficam salvas, mesmo se o usuário sair da página e voltar
- Por fim, é possível finalizar a compra preenchendo as informações do comprador.