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
fetchProducts
, fetchItem
.