? 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.

GitHub

View Github