/CoffeeDelivery

Nesse projeto, desenvolvi uma aplicação com Vite no interesse de aprender sobre a tecnologia. Apesar de serem poucas funcionalidades, precisei abordar conceitos importantes da tecnologia.

Primary LanguageTypeScriptMIT LicenseMIT

CoffeeDelivery

Erick Marques Cabral

Esse projeto exclusivo e gratuito, promovido pela Rocketseat para ensino de tecnologias WEB.
Rocketseat🔗.


Descrição do Projeto   |    Tecnologias   |    Layout

projeto DevLinks

💻 Descrição

Nesse projeto, desenvolvi uma aplicação com Vite no interesse de aprender sobre a tecnologia. Apesar de serem poucas funcionalidades a aplicação é para gerenciar um carrinho de compras de uma cafeteria fictícia, que contém 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

Apesar de serem poucas funcionalidades, precisei abordar conceitos como:

  • Estados
  • ContextAPI
  • LocalStorage
  • Imutabilidade do estado
  • Listas e chaves no ReactJS
  • Propriedades
  • Componentização

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • HTML e CSS
  • JavaScript
  • Git e Github
  • Figma
  • Vite
  • TypeScript
  • ReactJS

🔖 Layout

Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.