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.

• 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

├── 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

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

• 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