~/projects/quote-calculator
B2B Quote Estimator & Lead Capture
Embeddable zero-dependency web component with validated lead capture
Problem & Context
Scoping conversations for custom B2B workflow automation frequently stall before initial discovery calls because prospective clients lack budget transparency, while agencies spend valuable engineering hours on unqualified inquiries.
Contribution & Role
Architected and delivered <quote-calculator>, an embeddable, zero-runtime-dependency TypeScript web component providing real-time pricing estimates and client-side validated inquiry capture.
Technical Architecture & Implementation
Engineered as a native Custom Element with open Shadow DOM encapsulation, bundling compiled Tailwind CSS inline to guarantee stylesheet isolation from any host page. Features real-time parameter-driven estimation across scope tier (1-4), urgency (1-4), and workflow volume (1-100). Emits composed custom events (quote-submit) with deterministic SHA-256 idempotency keys, matching the AgencyAutomation API contract. Form submissions simulate local client intake without external network transmission.
Technologies & Tools
Current Status
Version 1.1.0 published with standalone demonstration and multi-instance verification fixture. Integrated directly into this portfolio under /demos/quote-calculator/.
Interactive Demonstration
An interactive build of the component is hosted directly in this portfolio. You can test slider bounds, price calculations, and mock lead capture events.