How to Get Notified When Someone Submits a Form

const express = require('express');
const app = express();
app.use(express.json());

app.post('/api/contact', async (req, res) => {
  const { name, email, message, phone } = req.body;

  // Save to database (your existing logic)
  // await db.saveSubmission({ name, email, message, phone });

  // Send instant notification via One-Ping
  await fetch('https://api.one-ping.com/send', {
    method: 'POST',
    headers: {
      'Authorization': `Bearer ${process.env.ONEPING_API_KEY}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      message: `New contact form:\nName: ${name}\nEmail: ${email}\nMessage: ${message}`,
      channels: ['telegram', 'slack', 'email'],
      metadata: {
        slack: {
          blocks: [
            { type: 'header', text: { type: 'plain_text', text: 'New Contact Form Submission' }},
            { type: 'section', fields: [
              { type: 'mrkdwn', text: `*Name:*\n${name}` },
              { type: 'mrkdwn', text: `*Email:*\n${email}` },
              { type: 'mrkdwn', text: `*Phone:*\n${phone || 'N/A'}` }
            ]},
            { type: 'section', text: {
              type: 'mrkdwn', text: `*Message:*\n${message}`
            }}
          ]
        },
        email: {
          to: '[email protected]',
          subject: `New Contact: ${name}`
        }
      }
    })
  });

  res.json({ success: true, message: 'Thank you! We will get back to you soon.' });
});

# Python: Typeform webhook handler
from flask import Flask, request
import requests, os

app = Flask(__name__)

@app.route('/webhooks/typeform', methods=['POST'])
def typeform_webhook():
    data = request.get_json()
    answers = data.get('form_response', {}).get('answers', [])

    # Extract answers into a readable format
    fields = {}
    for answer in answers:
        field_title = answer['field']['ref']
        if answer['type'] == 'text':
            fields[field_title] = answer['text']
        elif answer['type'] == 'email':
            fields[field_title] = answer['email']

    # Send notification
    message_lines = [f'{k}: {v}' for k, v in fields.items()]
    requests.post(
        'https://api.one-ping.com/send',
        headers={'Authorization': f'Bearer {os.environ["ONEPING_API_KEY"]}'},
        json={
            'message': 'New Typeform submission:\n' + '\n'.join(message_lines),
            'channels': ['telegram', 'slack']
        }
    )

    return '', 200

// Google Apps Script: Form submission trigger
function onFormSubmit(e) {
  const responses = e.response.getItemResponses();
  let formData = [];

  responses.forEach(function(response) {
    formData.push(
      response.getItem().getTitle() + ': ' + response.getResponse()
    );
  });

  const payload = {
    message: 'New Google Form submission:\n' + formData.join('\n'),
    channels: ['telegram', 'slack']
  };

  const options = {
    method: 'post',
    contentType: 'application/json',
    headers: { 'Authorization': 'Bearer YOUR_API_KEY' },
    payload: JSON.stringify(payload)
  };

  UrlFetchApp.fetch('https://api.one-ping.com/send', options);
}

// Run this once to set up the trigger
function createTrigger() {
  ScriptApp.newTrigger('onFormSubmit')
    .forForm(FormApp.getActiveForm())
    .onFormSubmit()
    .create();
}