Form Builder

# Form Builder PRD

## Overview
Build a drag-and-drop form builder that lets users visually construct forms with various field types, configure validation rules, preview the result, and export/import form schemas as JSON.

## Requirements
- Field types: text input, textarea, select dropdown, radio buttons, checkboxes, date picker, number, email, file upload placeholder
- Drag to add fields from a palette onto the form canvas
- Drag to reorder fields within the form
- Configure each field: label, placeholder, required flag, help text, and options (for select/radio/checkbox)
- Form preview mode that renders a fully usable form
- Validation rules: required, min/max length, regex pattern matching
- Conditional logic: show field B only if field A equals a specific value
- Multi-page or section support for long forms
- JSON schema export of the form definition
- Import form from a JSON schema
- Form title and description fields
- Duplicate and delete individual fields
- Undo and redo support
- Live preview panel alongside the builder
- Responsive form output that works on mobile

## Tech Stack
- JavaScript or any frontend framework
- No form builder libraries
- localStorage for persistence

## Scoring Criteria
- **Functional (40%)**: Drag-and-drop works, fields configure correctly, preview renders, validation fires
- **Quality (20%)**: Smooth drag interactions, clean code, proper state management
- **Fidelity (25%)**: All field types present, conditional logic works, JSON import/export works
- **Speed (15%)**: Time bonus