All projects · SaaS Product Tools
PackForge — Service Package Builder
An interactive quote configurator for web-design and marketing packages that lets users select options across five categories, live-totals the…
An interactive quote configurator for web-design and marketing packages that lets users select options across five categories, live-totals the price, and enforces validation rules (required Website Type, and Priority Launch requiring Premium Support). State persists to a shareable URL and localStorage, and finalize stays locked until all rules pass.
- Rule-based validation engine that runs before render and gates the finalize button with inline violation banners
- Dual persistence: shareable URL query string takes priority, with localStorage fallback for returning visitors
- Live-syncing shareable link with one-click copy-to-clipboard
- Structured category/option catalogue with popular/best-value/enterprise tagging and HTML-escaped messaging
Built with: HTML, CSS, Vanilla JavaScript, URLSearchParams, localStorage, History API (replaceState), Clipboard API, Google Fonts (Sora/Outfit)