O programa Coffee Delivery foi criado com o intuito de compreender melhor a construção de SPAs (Single Page Application) utilizando os principais hooks do React como useState, useContext, useReducer e useEffect. A aplicação é uma lojinha de café onde uma pessoa pode comprar um café e confirmar seu pedido.

Projeto desenvolvido com as seguintes tecnologias:

• React JS
• TypeScript
• Styled Components
• Radix UI
• React-Router-Dom
• React-Hook-Form
• Zod
• Immer
• Git e Github
• Figma

Você pode acessar o projeto e testá-lo clicando nesse link: Coffee Delivery

• Configurar o Styled Components
• Configurar Layout e roteamento das páginas com react-router-dom
• Tornar a aplicação responsiva
• Criar página Home, Checkout e Success
• Armazenar os dados no localStorage
• Criar um contexto para a aplicação com useContext
• Aplicar useReducer
• Controlar inputs do formulário com o react-hook-form
• Validar formulário com zod juntamente com o react-hook-form