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
