Interactive quote calculator
Your clients see a reference price right away, without waiting for you to reply.
Live. Runs in your browser.
What your client sees
- The problem it solves
- Many clients leave before asking how much it costs, and answering every quote by hand eats up hours. A quote calculator gives them a range right away and sends you a summary of what they need.
- A real-life example
- Picture a photography studio with packages and extras. Someone picks a wedding, two photographers and an album, sees the range and sends it to you on WhatsApp with every detail.
- What you'll see
- You pick a service and what you need, and the range changes with every option. At the end you get a summary to send on WhatsApp, save or print.
Try it step by step
Step 1: Pick a service
Tap the kind of project you have in mind.
Step 2: Check what you need
Add features and choose the timeline. The range updates instantly.
Step 3: Send your summary
Send it on WhatsApp, save it, or leave your details so I can write to you.
Under the hood
What it does, in technical terms
Choose the service and what you need, and instantly see a price range in Colombian pesos, US dollars or euros, with the estimated time. You finish with your summary ready to send on WhatsApp.
- Technologies
- Preact
- Signals
- Zod
- TypeScript
Architecture
1.quote.json
Prices, options and timelines in a configuration file validated with Zod at build time: changing a rate doesn't touch the code.
2.Your browser
A Preact island with Signals works out the range with a pure function, in pesos, dollars or euros, without asking the server for anything.
3.AIM's API on Cloudflare
Only if you send your request. Hono validates it with Zod, checks Turnstile and saves it in Postgres (Neon).
The code
Decisions
- DEC-006: Prices on the site, editable (opens in a new tab)
- DEC-010: Visitors from anywhere, with prices in pesos and dollars (opens in a new tab)
- DEC-039: Prices in euros too, derived from the dollars (opens in a new tab)
Recorded in docs/DECISIONES.md (in Spanish), with their context and the alternatives ruled out.
Your client builds their estimateBuild your estimate
Step 4: Review your estimate
Choose a service in step 1 and you'll see the estimated range here.
What reaches youThe message that gets sent
The message shows up here once your client picks a service.
Want it for your business?
This same tool can live on your site, with your services and your prices. See what's included or message me and let's talk.
Curious how it is built? Look under the hood
How it works
The calculation logic is a pure function with tests, and the prices come from a configuration file validated with Zod: changing a rate doesn’t touch the code.