O PizzaShop é uma aplicação que simula uma loja virtual para uma pizzaria. A aplicação conta com duas telas responsivas, sendo a primeira uma tela de apresentação e listagem das pizzas, que são obtidas por meio do Hygraph. Na segunda tela, encontra-se o formulário, cuja validação foi feita com o React Hook Form em conjunto com o Zod, e através da API ViaCep, três dos campos desse formulário são preenchidos automaticamente com base no CEP informado.
- Utilização da Fetch API para buscar dados das pizzas catalogadas no Hygraph e renderizá-las dinamicamente;
- Campo para filtragem das pizzas pelo nome ou ingrediente;
- Gerenciamento de estado com Context API para o sistema de carrinho, incluindo alterações dinâmicas na quantidade e tamanho das pizzas, com atualização em tempo real do preço;
- Validação de formulários com React Hook Form e Zod;
- Preenchimento automático no formulário com base no CEP fornecido (consumindo a API ViaCEP);
- React.js
- Next.js
- TypeScript
- TailwindCSS
- Hygraph
- ViaCep
- React Hook Form
- Zod
- Framer Motion
- Shadcn/ui
- Headless UI
Desenvolvido com 💙 por Deivit Eduardo