ShoppingCart

Este projeto implementa um sistema de carrinho de compras totalmente funcional utilizando JavaScript. Ele permite adicionar, remover e listar produtos em um carrinho, além de calcular o valor total da compra e a quantidade de itens. O carrinho é atualizado dinamicamente no HTML

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author

Overview

The challenge

Funcionalidades:

• Adicionar produtos ao carrinho: O carrinho permite adicionar diferentes produtos, atualizando automaticamente a quantidade e o total do pedido.
• Remover produtos do carrinho: Os produtos podem ser removidos do carrinho, com o total e a quantidade de itens sendo recalculados.
• Cálculo dinâmico do total: A soma total dos preços dos produtos e a quantidade total de itens são recalculados a cada alteração no carrinho.
• Interface dinâmica: Atualiza a lista de produtos no carrinho diretamente no DOM com cada ação, removendo a mensagem de carrinho vazio quando houver produtos.

Screenshot

Links

• Live Site URL: clique aqui

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Styled Components - For styles
• SCSS
• Vite - Utilizado para configuração e build do projeto.
• Tailwind Css

Author

• Este material de estudos é desenvolvido e mantido com ❤️ por Catarina Guimarães