Coffee Delivery

Um dos desafios organizado pela Rocketseat, na trilha ReactJS do curso de especialização Ignite. Esse é o segundo desafio.

Foto de apresentação do projeto, com o nome do projeto em cima como título, embaixo tem dizendo que é um desafio do Ignite e da Rocketseat, logo depois o print do site finalizado, tudo isso com o fundo amarelo, principal cor do site.

A ideia

Foi desenvolver uma aplicação que tenha um carrinho de compras de uma cafeteria fictícia, com as seguintes funcionalidades:

  • Listagem de produtos (cafés) disponíveis para compra
  • Adicionar uma quantidade específicas de itens no carrinho
  • Aumentar ou remover a quantidade de itens no carrinho
  • Formulário para o usuário preencher o seu endereço
  • Exibir o total de itens no carrinho no Header
  • Exibir o valor total da soma de itens no carrinho multiplicados pelo valor

Lembrando de vários assuntos e conhecimentos adquiridos no curso como:

  • Estados
  • ContextAPI
  • LocalStorage
  • Listas e chaves no ReactJS
  • Componentização

Design

Nas instruções do desafio, tinha um link para o layout da aplicação, bem aqui.

Vai direto pro Figma, duplicando o projeto na sua conta. Se você não tiver, crie uma por esse link aqui