• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
kyumz

kyumz

Forms

Public
Like
Forms
Home
Code
4
backend
3
frontend
3
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://kyumz--c5665ada3fa411f0ae9576b3cceeab13.web.val.run
README.md

Form Builder App

A comprehensive form builder application that allows users to create custom forms with drag-and-drop functionality, share them via links, and manage responses.

Features

  • Form Creation: Drag-and-drop form builder with various input types
  • Input Types: Text, email, dropdown, checkboxes, radio buttons, textarea, number, date
  • Form Sharing: Automatic link generation for sharing forms
  • Response Management: View responses in a dashboard and export to CSV
  • Email Notifications: Optional email notifications for form submissions
  • Embed Support: Generate embed codes for websites

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts    # Database schema setup
β”‚   β”‚   └── queries.ts       # Database query functions
β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   β”œβ”€β”€ forms.ts         # Form CRUD operations
β”‚   β”‚   β”œβ”€β”€ responses.ts     # Response handling
β”‚   β”‚   └── static.ts        # Static file serving
β”‚   └── index.ts             # Main Hono server
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx          # Main application component
β”‚   β”‚   β”œβ”€β”€ FormBuilder.tsx  # Drag-and-drop form builder
β”‚   β”‚   β”œβ”€β”€ FormRenderer.tsx # Form display and submission
β”‚   β”‚   └── Dashboard.tsx    # Response dashboard
β”‚   β”œβ”€β”€ index.html           # Main HTML template
β”‚   └── index.tsx            # Frontend entry point
└── shared/
    └── types.ts             # Shared TypeScript types

Getting Started

  1. The app runs on Val Town's serverless platform
  2. Access the form builder at the root URL
  3. Create forms using the drag-and-drop interface
  4. Share forms using the generated links
  5. View responses in the dashboard

API Endpoints

  • GET / - Form builder interface
  • POST /api/forms - Create a new form
  • GET /api/forms/:id - Get form details
  • GET /form/:id - Public form view
  • POST /api/forms/:id/submit - Submit form response
  • GET /api/forms/:id/responses - Get form responses
  • GET /api/forms/:id/export - Export responses to CSV
HTTP
  • index.ts
    kyumz--c5…13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.