Val Town Hall Speaker Application Form

A simple form for collecting speaker applications for the Val Town Hall event.

• Clean, modern form design
• SQLite database storage for all submissions
• Email notifications for new submissions
• Mobile-responsive design
• Client-side validation
• Available in both HTML and React versions

• /index.ts - Main HTTP handler with form submission endpoint
• /frontend/ - Original HTML/CSS/JS implementation
  • /frontend/index.html - Main HTML page with the form
  • /frontend/style.css - CSS styling
  • /frontend/script.js - JavaScript for form handling
• /frontend-react/ - React implementation
  • /frontend-react/index.html - HTML container for React app
  • /frontend-react/index.tsx - React entry point
  • /frontend-react/components/ - React components

1. The form collects speaker information including name, email, Val Town username, company (optional), website (optional), and talk description.
2. On submission, the data is sent to the server endpoint.
3. The server validates the data, stores it in SQLite, and sends an email notification.
4. A thank you message is displayed to the user upon successful submission.

CREATE TABLE IF NOT EXISTS val_town_hall_speakers (
  id INTEGER PRIMARY KEY AUTOINCREMENT,
  name TEXT NOT NULL,
  email TEXT NOT NULL,
  username TEXT NOT NULL,
  company TEXT,
  website TEXT,
  talk_description TEXT NOT NULL,
  created_at TEXT NOT NULL
)

Email notifications are sent in plain text format and include all the information submitted through the form.

• / - React version of the application (default)
• /original - Original HTML/CSS/JS version of the application