Ecommerce front-end

Um ecommerce básico usando Vue.js

No que consiste o projeto

Uma vitrine básica de uma loja virtual, contendo:

Página inicial:

Lista todos os produtos da loja.

Página da categoria:

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.

Página 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.

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;

Detalhes sobre o projeto:

• Utilizei a FakeStoreAPI para consultar os produtos e as categorias;
• Utilizei a ferramenta Vue CLI para iniciar meu projeto;

Stack

Este projeto utiliza as seguintes stacks de desenvolvimento:

• HTML;
• CSS;
• Sass;
• JavaScript;
• Vue + Vue Router + Vuex;