Projeto do Bloco 9 - JavaScript e Testes Assíncronos do curso de Desenvolvimento de Software da Trybe.
Este projeto teve como foco desenvolver um carrinho de compras para melhorar a experiência da pessoa que acessa o e-commerce da empresa TrybeShopping.
Nele eu pude melhorar meus conhecimentos em JavaScript, manipulando a DOM, criando eventos, desenvolvendo testes assíncronos com TDD e fixando melhor o funcionamento do localStorage.
A API utilizada neste projeto foi a API do Mescado Livre disponível neste link.
Quantidade de requisitos: 11
Requisitos feitos: 11
URL do projeto: https://sheilans.github.io/project-shopping-cart/
- Fazer requisições a uma API;
- Utilizar os conhecimentos sobre JavaScript, CSS e HTML;
- Trabalhar com funções e testes assíncronos;
- Implementar testes unitários com TDD.
HTML
CSS
JavaScript
JestPara rodar esse projeto no seu computador, abra o terminal e siga o passo-a-passo a seguir:
- Clone o repositório
git clone git@github.com:SheilaNS/project-shopping-cart.git - Entre na pasta do repositório que você acabou de clonar
cd project-shopping-cart - Instale as dependências
npm install - Inicialize o projeto com a extensão Live Server do Visual Studio Code
Go Live - O navegador vai abrir uma nova aba com a página do projeto
├── helpers
│ ├── fetchItem.js
│ ├── fetchProducts.js
│ ├── getSavedCartItems.js
│ └── saveCartItems.js
├── mocks
│ ├── fetchSimulator.js
│ ├── item.js
│ ├── localStorageSimulator.js
│ └── search.js
├── tests
│ ├── fetchItem.test.js
│ ├── fetchProducts.test.js
│ ├── getSavedCartItems.test.js
│ └── saveCartItems.test.js
├── .eslintignore
├── .eslintrc.json
├── .gitignore
├── .stylelintrc.json
├── README.md
├── cypress.json
├── index.html
├── package-lock.json
├── package.json
├── reporter.json
├── script.js
└── style.css
