Coffee Delivery

Clique aqui pra abrir o site - Coffee Delivery

Sobre esse projeto

As funcionalidades comuns são:

• Escolher a quantidades de cada café.
• No header procurar pelo seu cep e aparecerá a cidade e o estado.
• Na pagina de checkout lista dos os cafés selecionados com suas respectivas quantidades.
• Mostra o valor total dos cafes junto com o frete (frete padrão independente da localização).
• Caso ja tenha preenchido o cep no header, o formulário de endereço preencherá parcialmente automaticamente.
• Validação de campos vazios no formulário de endereço e na forma de pagamento.
• Pagamento realizado pela API do Stripe.
• Pagina de finalização de compra mostrando os dados de entrega.

Avisos importantes:

• API de pagamento do Stripe está em modo de teste, use o cartão 4242 4242 4242 4242 para completar a compra ou 4000 0000 0000 9995 para falha no pagamento, campo data de vencimento e numero CVC pode ser qualquer um.
• Valor do frete padrão, independente da localização, porque não existe ponto fixo pra mensurar valor de frete.

Conceitos chave:

• Context API
• Reducers
• Imutabilidade
• Fetch API
• SSR

Construído com

• React
• Next 13
• Tailwindcss
• Axios
• React-Rook-Form
• Immer
• Zod
• Stripe
• TypeScript