Skip to content

eisandromc/oficina-ecommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛒 Projeto Carrinho de Compras com JavaScript

Este projeto é uma aplicação web simples de carrinho de compras desenvolvida em HTML, CSS e JavaScript puro (sem frameworks). Ele tem como objetivo demonstrar a manipulação de arrays de objetos, eventos DOM e atualização dinâmica da interface com base nas interações do usuário.

✨ Funcionalidades

  • Listagem dinâmica de produtos.
  • Adição de produtos ao carrinho.
  • Atualização automática da quantidade.
  • Remoção de produtos do carrinho (em desenvolvimento).
  • Contador total de itens no carrinho.
  • Interface limpa e responsiva.

🧱 Estrutura dos Dados

Cada produto é representado por um objeto com a seguinte estrutura:

{
  id: "bl45ce842",
  nome: "Mouse Logitech MX Master 3S",
  preco: 499.00,
  descricao: "Ergonômico, silencioso, ótimo para produtividade.",
  foto: "dnmasidhaihiq13234.jpeg",
  categoria: "Informática",
  subcategoria: "Periféricos"
}

🛠 Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript (ES6+)

🚀 Como Executar

  1. Clone o repositório:

    git clone https://github.com/eisandromc/nome-do-repo.git
  2. Acesse o diretório:

    cd nome-do-repo
  3. Abra o arquivo index.html no navegador:

    • Você pode simplesmente dar duplo clique nele ou usar uma extensão como "Live Server" no VS Code.

👨‍💻 Desenvolvedor

Desenvolvido por Sandro com foco em aprendizado de estrutura de dados, manipulação DOM e lógica de programação com JavaScript.

🌐 Redes Sociais


Sinta-se à vontade para contribuir, enviar sugestões ou relatar problemas!

About

Aprender estrutura de dados com JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors