All projects · Marketing & Lead-Gen
PhotoQuote — Photo-Based Quote Request
A photo-driven quote request form for trades and renovation businesses.
A photo-driven quote request form for trades and renovation businesses. Visitors drag-and-drop or select at least three project photos, see instant client-side previews, fill in validated contact and project details, and get a success confirmation — all handled in the browser with clear, live-updating guidance on what's still needed.
- Drag-and-drop plus click upload with dedupe, image-type and 8MB size filtering, and a 3-to-10 photo range
- Object-URL image previews with per-item removal and proper blob revocation to avoid memory leaks
- Real-time cross-field validation that toggles the submit button and reports exactly what's missing
- Simulated submit that swaps in a personalized success state (backend would send FormData from here)
Built with: HTML, CSS, Vanilla JavaScript, File API, URL.createObjectURL / drag-and-drop, Client-side validation, Google Fonts, Inline SVG