Um ecommerce básico usando Vue.js
Uma vitrine básica de uma loja virtual, contendo:
Lista todos os produtos da loja.
Mostra o nome da categoria selecionada sendo o título principal da página e lista os produtos apenas dessa categoria. Essa página contém um select
para definir a ordenação desses produtos, sendo as ordenações por nome, preço e avaliação do produto.
Mostra os detalhes do produto, sendo o nome do produto como o título principal da página, a imagem, a descrição, o preço, um input para selecionar a quantidade e um botão para adicionar o produto ao carrinho.
O carrinho da loja contém as seguintes ações:
- Atualiza a quantidade de um produto no carrinho;
- Exclui um item do carrinho;
- Mostra a mensagem de carrinho vazio;
- Mostra o valor total, somando os preços de todos os itens no carrinho;
- Possui um botão para a finalização do pedido;
- Utilizei a FakeStoreAPI para consultar os produtos e as categorias;
- Utilizei a ferramenta Vue CLI para iniciar meu projeto;
Este projeto utiliza as seguintes stacks de desenvolvimento:
- HTML;
- CSS;
- Sass;
- JavaScript;
- Vue + Vue Router + Vuex;