https://github.com/leandrorochalg/lista-de-compras

[PT] Projeto Web simples de carrinho de compras para fins de estudo. Ele não utiliza frameworks, apenas HTML, CSS e JS puros.
https://github.com/leandrorochalg/lista-de-compras

css html html-css-javascript javascript shopping-cart web

Last synced: 3 months ago
JSON representation

[PT] Projeto Web simples de carrinho de compras para fins de estudo. Ele não utiliza frameworks, apenas HTML, CSS e JS puros.

• Host: GitHub
• URL: https://github.com/leandrorochalg/lista-de-compras
• Owner: LeandroRochAlg
• Created: 2023-10-04T20:12:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-05T18:13:52.000Z (over 2 years ago)
• Last Synced: 2025-10-19T01:53:54.293Z (8 months ago)
• Topics: css, html, html-css-javascript, javascript, shopping-cart, web
• Language: CSS
• Homepage: https://leandrorochalg.github.io/Lista-de-compras/
• Size: 296 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

          
# Carrinho de Compras Web

Este é um projeto simples de carrinho de compras para fins de estudo. **Aviso**: Não há backend implementado neste sistema.

## Conteúdo

- [Visão Geral](#visão-geral)

- [Imagens](#imagens)

- [Como Usar](#como-usar)

- [Contato](#contato)

## Visão Geral

O Carrinho de Compras Web é uma aplicação básica que permite aos usuários adicionar produtos ao carrinho de compras. Ele inclui funcionalidades como adicionar produtos, ajustar quantidades e remover itens do carrinho. A interface é projetada para desktop e dispositivos móveis.

## Imagens

### Versão Desktop

![Versão Desktop](/imagensReadme/desktop.png)

### Versão Mobile

![Versão Mobile](/imagensReadme/mobile.png)

### Versão Desktop com Produtos Cadastrados

![Versão Desktop com Produtos Cadastrados](/imagensReadme/desktopComProdutos.png)

### Versão Mobile com Produtos Cadastrados

![Versão Mobile com Produtos Cadastrados](/imagensReadme/mobileComProdutos.png)

## Como Usar

1. Clone o repositório:

   ```

   git clone https://github.com/seu-usuario/nome-do-repositorio.git

   ```

2. Abra o arquivo `index.html` no seu navegador da web.

3. Adicione produtos ao carrinho preenchendo os campos de produto, quantidade e preço, e clicando no botão "Adicionar".

4. Você pode aumentar ou diminuir a quantidade de produtos clicando nos botões correspondentes.

5. Para remover um produto do carrinho, clique no botão "X".

## Contato

Desenvolvido por Leandro Rocha. Você pode encontrar mais sobre mim nos seguintes links:

- GitHub: [GitHub](https://github.com/LeandroRochAlg)

- Linkedin: [Linkedin](https://www.linkedin.com/in/leandro-rocha-258b90198/)

- Instagram: [Instagram](https://www.instagram.com/LeandroRochAlg)

Sinta-se à vontade para entrar em contato comigo!