Foi usado no projeto Vite + React + Typescript onde foi desenvolvido uma cafeteria fictícia que é possível o usuário escolher diferentes estilos de cafés e adicionar em um carrinho de compras onde será solicitado o preenchimento para entrega.
O projeto foi desenvolvido usando um layout fornecido pela Rocketseat, para que fosse possível seguir e implementar as funcionalidades e o design desenhadas no Figma.
A aplicação foi proposta para fixar alguns conceitos passados no módulo do projeto, como: States; Context API; LocalStorage; Immutability; List & Keys no React; Properties; Componentization.
Foram usadas as seguintes tecnologias:
- ViteJS
- Typescript
- ReactJS
- Eslint
- Phosphor Icons
- React Hook Form
- React Router
- Styled Components
Algumas das funcionalidades propostas no desafio
- 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 preenchimento do endereço
- Exibir o total de itens no carrinho no Cabeçalho
- Exibir o valor total da soma dos itens no carrinho multiplicados pelo valor
Faça um clone do projeto e acesse a pasta criada.
$ git clone https://github.com/fabriciolak/coffee-delivery.git
$ cd coffee-delivery
Para iniciá-lo, siga os passos abaixo:
Aliases: i
$ pnpm install
$ pnpm dev
A aplicação estará disponível no endereço http://localhost:3000.
Acesse o layout do desafio
Criado com Figma.