pennaor/shopping-cart-project

Projeto de aprendizado desenvolvido ao longo do curso de desenvolvimento Web da Trybe

Shopping Cart Project

Demo

github-pages-shopping-cart

Welcome!!

The Project

• Simula uma página de compras que possui ações básicas.

• Projeto de aprendizado desenvolvido ao longo do curso de desenvolvimento Web da Trybe.

• Desenvolvido sob o modelo TDD (Test Driven Development).

Ferramentas utilizadas

• JavaScript
• Jest
• Eslint
• HTML
• CSS
• MaterializeCSS

Features

• Cria lista de produtos buscados na API do Mercado Livre

• Adiciona ou remove itens em um carrinho de compras

• Limpa o carrinho de compras

• Cálculo preciso do valor total dos itens quando o carrinho é atualizado

• Carrega o carrinho de compras ao iniciar a página

• Mostra texto de carregando durante uma requisição à API

• Página estilizada com código própio, MaterializeCSS e Google Fonts

Estrutura

index.html: página de compras,
style.css: estilização da página,
script.js: implementa funcionalidades da página,
tests/: testes unitários feito em jest,
Decimal.js: biblioteca usada para corrigir imprecisão dos cálculos

API utilizada

• Mercado Livre

⚠️ Atenção: a simulação da API para o consumo no ambiente de testes foi implementada pela Trybe. Nesse contexto, além dos testes, eu implementei fetchProducts, fetchItem.

Trybe

• A simulação da API para o consumo no ambiente de testes foi implementada pela Trybe.

• As seguintes funções são de autoria da Trybe:

  • createProductImageElement
  • createCustomElement
  • createProductItemElement
  • getSkuFromProductItem
  • cartItemClickListener
  • createCartItemElement