← Voltar aos artigos
·5 min de leitura

Transformando a Brincadeira da Gravata e do Sapato em Competição Digital

reactnextjspixwebhookscasamento

Publicado originalmente no LinkedIn

Capa: Transformando a Brincadeira da Gravata e do Sapato em Competição Digital

Há um ano, eu e minha esposa dissemos "sim" e, revendo as memórias no Google Fotos, percebi que nunca havia compartilhado o toque de tecnologia que implementei no nosso grande dia.

Quebrando o ditado de que "em casa de ferreiro, o espeto é de pau", decidi trazer o meu background para tornar a tradicional arrecadação para a lua de mel mais engajadora e divertida para os convidados.

Diagrama da arquitetura: QR Codes PIX, webhook Asaas, banco de dados e placar em tempo real
Diagrama da arquitetura: QR Codes PIX, webhook Asaas, banco de dados e placar em tempo real

O Desafio e a Solução Tech

A ideia era criar uma competição em tempo real, onde os convidados votavam no Noivo ou na Noiva doando via PIX.

O Fluxo da Solução

  • PIX & QR Codes: Criamos dois "cofrinhos" digitais, cada um com um QR Code PIX dedicado (um para mim, um para minha esposa).
  • Gateway de Pagamento: Utilizei a API da Asaas (que na minha opinião é a mais dev friendly) como gateway de pagamento para gerenciar as transações PIX.
  • Webhook: Após a confirmação de cada PIX, um webhook era instantaneamente enviado ao meu backend.
  • Backend & Database: O backend processava a informação e salvava o valor arrecadado em um banco de dados PostgreSQL.
  • API em Tempo Real: Uma API específica era alimentada com esses dados para retornar o placar atualizado de cada um.
  • Frontend: Construído com React e Next.js (e hospedado na Vercel para aproveitar a infraestrutura serverless), consumia essa API e exibia o placar em tempo real para todos os convidados durante a festa!
Placar em tempo real: Gravata vs. Sapato durante a festa
Placar em tempo real: Gravata vs. Sapato durante a festa

O resultado foi um alto engajamento, com as doações sendo acompanhadas ao vivo, transformando uma simples arrecadação em um momento interativo e de muita risada.