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.
- 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.
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"
}- HTML5
- CSS3
- JavaScript (ES6+)
-
Clone o repositório:
git clone https://github.com/eisandromc/nome-do-repo.git
-
Acesse o diretório:
cd nome-do-repo -
Abra o arquivo
index.htmlno navegador:- Você pode simplesmente dar duplo clique nele ou usar uma extensão como "Live Server" no VS Code.
Desenvolvido por Sandro com foco em aprendizado de estrutura de dados, manipulação DOM e lógica de programação com JavaScript.
Sinta-se à vontade para contribuir, enviar sugestões ou relatar problemas!