Skip to content

felipebdn/coffee-delivery

Repository files navigation

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published