Skip to content

murillobazz/ecommerce-project

Repository files navigation

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

About

A little project of product list + cart system for e-commerce, using Vue 3's Composition API and Typescript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published