1 - Clone o repositório com o comando git clone:
git clone [email protected]:georgia-rocha/shopping-cart.git
2 - Entre no diretório que acabou de ser criado:
cd shopping-cart
3 - Para o projeto funcionar na sua máquina, será necessário instalar suas dependências, para isso, utilize o comando npm install:
npm install
4 - Pronto, agora o projeto está pronto para ser rodado localmente, utilizando o comando npm start você poderá visualizar a aplicação:
npm start
O presente projeto teve o intuito de colocar em prática os assuntos abordados na primeira sessão do módulo de Front-End em conjunto com o módulo de Fundamentos do curso da Trybe;
- HOFS - Higher Order Functions do JavaScript;
- JavaScript Assíncrono - Promise e fetch;
- Async, await e testes assíncros;
-
Foi criado um site de compras com carrinho de compras dinâmico, com dados consumidos diretamente de uma API e o teste de cobertura das funções da aplicação;
-
O projeto veio com uma base de css bruto, onde foi preciso adapdar para ficar mais dinamico e complementar o css para ficar mais organizado e bonito;
- Criar o carrinho de compras em uma outra page ou usar componentes, para que ele só apareça na tela caso o usuario queira, o que torna a aplicação mais simples para estilização e assim configura-la para mobile;
-
1. (TDD) Desenvolva testes de no mínimo 50% de cobertura das funções e linhas do arquivo
fetchFunctions
-
2. Implemente a função fetchProductsList
-
3. Crie uma listagem de produtos
-
4. Adicione um texto de
carregando
durante uma requisição à API -
5. Exiba uma mensagem de erro caso algo dê errado na requisição à API
-
6. (TDD) Desenvolva testes de no mínimo 100% de cobertura das funções e linhas do arquivo
fetchFunctions
-
7. Implemente a função fetchProduct o
id
do produto a ser buscado; -
8. Adicione o produto ao carrinho de compras
-
9. Carregue o carrinho de compras ao iniciar a página
-
10. Calcule o valor total dos itens do carrinho de compras
-
11. Faça uma requisição a API de CEPs e exiba o endereço do CEP