A little project of product list + cart system for e-commerce, using Vue 3's Composition API
? E-commerce Project
(Este projeto foi feito por Murillo Bazilio)
? Descrição
O ? E-commerce Project é um pequeno projeto que utiliza Typescript e Vue 3 (Composition API) para simular uma pequena lógica de listagem de produtos (utilizando Fetch API para fazer a requisição da listagem de uma API de exemplo feita no mocky.io e um carrinho onde você pode adicionar esses produtos. Nesse carrinho, é possível aumentar ou diminuir a quantidade de um mesmo produto e retirá-lo totalmente do carrinho. A aplicação também conta com responsividade mobile.
? Tecnologias
A aplicação foi feita utilizando Typescript e Vue 3, que teve como ponto de partida o CLI do Vite. É executada sobre Node.js.
A aplicação está disponível através de deploy no Vercel, você pode acessar clicando aqui -> E-commerce Project
Para rodar essa aplicação localmente (considerando que você tenha permissão de acesso):
# Clone este repositório
$ git clone <https://github.com/murillobazz/ecommerce-project>
# Acesse a pasta do projeto no terminal/cmd
$ cd ecommerce-project
# Instale as dependências
$ yarn install
# Execute a aplicação em modo de desenvolvimento
$ yarn dev
# O servidor inciará na porta:3000 - acesse <http://localhost:3000>
?? Como usar
Clique em “Vamos às compras!” para ver os produtos disponíveis e clique no botão “Adicionar ao carrinho” de cada item para adicioná-lo ao carrinho. Para acessar o carrinho clique no ícone no topo à direita. Uma vez no carrinho, você poderá retirar qualquer produto ou mudar a quantidade, para voltar aos produtos, clique no X no topo à direita.