Projeto Página de checkout

Um mini projeto focado em criar uma experiência de uma página de checkout

Assistir agora

1. Introdução

Início

Clonando Repositório do GitHub

Realizando o setup

Conteúdo

TailwindCSS com Vite: Instalação

Entendendo o Layout

Formulário de Cartão de Crédito

Seção Formulário

Formulário Estilizado com Checkbox

Botão Reutilizável no Checkout

Resumo de Pedido Estilizado

Seção Resumo do pedido

Checkout Personalizado em TailwindCSS

Seção Boletos

Banner Info Personalizável

Seção PIX

Criando o QR Code

Lógica de atualizar o QRCode

Toast de Confirmação PIX

Finalização

Alternando Pagamentos no Checkout

Checkout Responsivo com TailwindCSS

Deploy de App com Vercel

Junte-se a outras 15 pessoas que estão fazendo esse mini projeto.