Simple Webhook by Techify

Uma demonstração educacional simples e prática de como funcionam os webhooks em sistemas reais.

🎯 O que faz este projeto?

Este projeto simula dois cenários comuns onde webhooks são utilizados:

1. 🏨 Sistema de Hotel - Cadastro de hóspedes
2. 🛒 E-commerce - Checkout com produtos extras (order bumps)

Quando você preenche e envia os formulários, os dados são enviados automaticamente via webhook para uma URL de sua escolha, simulando como sistemas reais se comunicam entre si.

🚀 Como usar?

1. Configure a URL do Webhook

• Acesse webhook.site e copie sua URL única
• Cole a URL no campo "Configuração do Webhook URL"
• Clique em "💾 Salvar URL"

2. Teste os Formulários

Hotel:

• Preencha os dados do hóspede (nome, CPF, celular, datas, quarto)
• Clique em "🛎️ Cadastrar Hóspede"

E-commerce:

• Preencha os dados do cliente
• Selecione produtos extras (order bumps) se desejar
• Preencha os dados do cartão
• Clique em "💰 Finalizar Compra"

3. Veja os Dados

• Volte para o webhook.site
• Observe os dados que foram enviados automaticamente

💡 Para que serve?

Webhooks são usados para:

• Notificar sistemas quando algo acontece
• Sincronizar dados entre aplicações
• Automatizar processos
• Integrar diferentes plataformas

Exemplos reais:

• Sistema de pagamento notifica e-commerce sobre compra aprovada
• Hotel notifica sistema de limpeza sobre checkout
• Loja online atualiza estoque automaticamente

🎓 Ideal para:

• Estudantes aprendendo sobre APIs e integrações
• Desenvolvedores testando webhooks
• Empresários entendendo como sistemas se comunicam
• Demonstrações de conceitos técnicos

🔧 Como rodar?

1. Baixe o arquivo HTML
2. Abra com qualquer navegador
3. Configure sua URL de webhook
4. Comece a testar!

Não precisa instalar nada! Funciona direto no navegador.

---

Projeto educacional criado para demonstrar webhooks de forma simples e prática.