Erick Marques Cabral
Esse projeto exclusivo e gratuito, promovido pela Rocketseat para ensino de tecnologias WEB.
Rocketseat🔗.
Descrição do Projeto | Tecnologias | Layout
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
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML e CSS
- JavaScript
- Git e Github
- Figma
- Vite
- TypeScript
- ReactJS
Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.