Sobre • Funcionalidades • Layout • Tecnologias • Milhas a mais

Projeto desenvolvido no Segundo desafio da trilha de ReactJS no Ignite da Rocketseat, o projeto tem como premissa reforçar os conceitos do React como Estados, ContextAPI, LocalStorage, Imutabilidade do estado, Listas e chaves no ReactJS, Propriedades e Componentização.

• Listagem de produtos
• 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

# Clone este repositório
$ git clone https://github.com/brunosllz/coffee-delivery.git
# Instale as dependências
$ npm install ou yarn
# Execute a aplicação
$ npm run dev ou yarn dev

Nesta aplicação estou usando um servidor local com JSON-SERVER, então depois de rodar o projeto, rode o seguinte comando, para que possa visulizar os produtos.

# Execute o servidor
$ npm run dev:server

Aqui você pode visualizar um pouco do layout e funcionalidades da aplicação.

As seguintes ferramentas foram usadas na construção do projeto:

• Vite
• Typescript
• TailwildCss
• React Hook Form
• Radix
• React Router
• React Toastify

Veja o arquivo package.json

• Reponsividade da aplicação