Skip to content

Instantly share code, notes, and snippets.

@nunesfb
Last active March 30, 2023 17:19
Show Gist options
  • Save nunesfb/1f42f6d0636085d41d20984d325ebb2a to your computer and use it in GitHub Desktop.
Save nunesfb/1f42f6d0636085d41d20984d325ebb2a to your computer and use it in GitHub Desktop.
PROJETO SHOPPING CART

Projeto SHOPPING CART 🛍️

⚠️ ATENÇÃO: Esse checklist é apenas um template. Para replicar realize o fork deste gist! ⚠️

1. O que preciso saber para fazer o projeto? 🤔

  • Você vai desenvolver carrinho de compras totalmente dinâmico! 🛒

  • Para isso, vai consumir dados diretamente de uma API! 🤩

  • Isso mesmo! Da sigla em inglês Application Programming Interface, uma API é um ponto de contato na internet com determinado serviço e nesse projeto você vai utilizar a API do Mercado Livre para buscar produtos à venda. 🏷

  • E não para por aí! 🤩

  • Você já aprendeu sobre a importância de ter uma mentalidade orientada a testes, não é mesmo? E também já sabe como a implementação de testes contribui para a escrita de códigos mais confiáveis e com boa performance.

  • Nesse projeto você vai ter a experiência de pôr em prática o desenvolvimento orientado a testes, o famoso TDD (Test Driven Development)! Que te ajuda a garantir um código de qualidade, percebendo os casos de uso da sua aplicação e garantindo que ela está funcionando da maneira correta! 🚀

2. Que conteúdos revisar? 📚

2.1 - Aulas do Course

  1. Front - Aula 1.1 - Ambiente de Desenvolvimento
  2. Front - Aula 1.2 - JavaScript Assíncrono - Promises e Fetch
  3. Front - Aula 1.3 - Resolução da Casa de Câmbio
  4. Front - Aula 1.4 - Async, Await e Testes Assíncronos

2.2 - Mentorias/Materiais complementares

2.3 - Conteúdos de soft skills

  • Lembra do Atlas das Emoções, visto no módulo de Fundamentos? Avaliar suas emoções durante os dias de projeto, pode te ajudar a lidar melhor com elas. Acesse aqui o conteúdo para baixar o Diário das Emoções.
  • Está com dificuldades de se organizar nesse começo de Front? Que tal utilizar esse modelo como inspiração para estabelecer suas prioridades em cada dia de projeto?
  • O pensamento crítico é uma das soft skills mais exigidas de pessoas desenvolvedoras, e o raciocínio lógico é um dos seus pilares. Você está precisando de ferramentas para desenvolver seu raciocínio lógico? Deixamos aqui alguns sites pra você treinar a sua lógica de programação: HackerRank; GodinGame e CodeWars. Dica: para navegar pelos sites em português, basta adicionar a extensão do Google Tradutor ao seu Google Chrome.
  • Confira 7 dicas compartilhadas pela Escola Conquer para melhorar o seu aprendizado, exibidas no Trybe News desse mês.
  • A vulnerabilidade tem o poder de nos conectar, e nos entender de forma mais profunda como seres humanos. Assista aqui o vídeo da professora Bené Brown sobre o Poder da Vulnerabilidade, também compartilhado em nosso Trybe News do mês.

2.4 - Dicas da Turma / Instrução (Em constante atualização)

3. Checklist ✅

3.1 - Planejamento

  • Abrir o PR para esse projeto
  • Criar seu cronograma de planejamento, use como base a seção 1 de Frontend

3.2 - Requisitos obrigatórios

  • 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

  • 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

4. Planejamento 📆

O projeto possui 7 requisitos obrigatórios, para ser aprovado dentro do prazo regular vai ser necessário fazer no mínimo 9 dos 11 requisitos obrigatórios.

  • Dúvidas comuns - Se outras pessoas tiveram, é possível que você também tenha!
    • Analise bem os logs gerados pelo avaliador para entender o erro e interpretar como resolver

5. Comemorar 🍾

Ao final desse projeto, você vai ter uma aplicação muito estruturada usando boas práticas de desenvolvimento e que pode (e deve) ser compartilhado com muito orgulho no seu Linkedin. Portanto, vamos com tudo para esse projeto!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment