Loading repository data…
Kelven-Colombo / repository
Simulador interativo de um carrinho de compras em um site de e-commerce.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Status: Projeto refatorado para aplicação de práticas mais robustas em JavaScript.
Originalmente desenvolvido como parte dos cursos de lógica de programação da Alura, este projeto ficou parado no GitHub por uns meses — e quando voltei pra olhar, achei o código uma bagunça. Decidi refatorar do zero aplicando conceitos que fui aprendendo ao longo da refatoração de códigos anteriores.
Simular o comportamento interativo de um carrinho de compras em um site de e-commerce.
Separação de responsabilidades: o código original era uma função gigante fazendo tudo ao mesmo tempo. Quebrei em funções menores, cada uma com um papel específico: gerar produto, validar, exibir, atualizar total.
Catálogo de produtos como fonte de dados: os produtos saíram do HTML e foram para um array de objetos no JS. Os options do select são populados dinamicamente a partir desse catálogo, tornando muito mais fácil adicionar ou remover produtos.
Centralização de estado: criei um objeto estadoCarrinho como fonte da verdade da aplicação. O total e a lista de produtos ficam ali, não mais espalhados em variáveis soltas pelo código.
Persistência com localStorage: o carrinho agora salva automaticamente no localStorage do navegador. Se o usuário fechar e reabrir a página, os produtos continuam lá.
Renderização dinâmica: em vez de ir acumulando HTML com +=, o carrinho é limpo e rerenderizado do zero a cada mudança — baseado sempre no estado atual.
Controle de quantidade no carrinho: o usuário pode aumentar, diminuir ou digitar a quantidade de cada item diretamente no carrinho, sem precisar readicionar o produto. Implementado com delegação de eventos e datasets.
Merge de itens duplicados: adicionar um produto que já está no carrinho incrementa a quantidade em vez de criar uma linha duplicada.
Selected from shared topics, language and repository description—not editorial ratings.
Renan1102 /
Simulador de piano interativo desenvolvido utilizando HTML, CSS e JavaScript. O objetivo é proporcionar uma experiência de tocar piano diretamente no navegador, permitindo que os usuários interajam com as teclas virtuais e produzam sons musicais.
33/100 health