felipebdn / coffee-delivery

front end - Coffee Delivery - Um site de vendas online especializado em café, trazendo uma seleção cuidadosa de produtos para os verdadeiros amantes dessa deliciosa bebida.

Home Page:https://coffee-delivery-three-psi.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Coffee Delivery

Clique aqui pra abrir o site - Coffee Delivery

Sobre esse projeto

Imagem 1 Imagem 2 Imagem 3
Imagem 4 Imagem 5 Imagem 6

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

About

front end - Coffee Delivery - Um site de vendas online especializado em café, trazendo uma seleção cuidadosa de produtos para os verdadeiros amantes dessa deliciosa bebida.

https://coffee-delivery-three-psi.vercel.app

License:MIT License


Languages

Language:TypeScript 93.3%Language:JavaScript 5.4%Language:CSS 1.3%