The latest articles on DEV Community by Maxime Brodeur (@nexushubstudio). https://dev.to/nexushubstudio https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4125259%2F32c41dec-4db0-477a-807f-80a91f658e1d.png https://dev.to/nexushubstudio en Maxime Brodeur Tue, 15 Sep 2026 00:46:26 +0000 https://dev.to/nexushubstudio/i-built-a-bilingual-quote-estimator-that-runs-entirely-in-the-browser-o28 https://dev.to/nexushubstudio/i-built-a-bilingual-quote-estimator-that-runs-entirely-in-the-browser-o28 <p>Many service websites make visitors send an email before giving them any price context. I wanted a smaller middle ground: show a useful ballpark estimate immediately, then let the visitor start a conversation with the details already organized.</p> <p>I built <strong>QuoteKit</strong> for freelance developers, designers, and small studios.</p> <h2> What the visitor can do </h2> <ul> <li>choose a starting package, add-ons, extra pages, and a timeline;</li> <li>see an itemized estimate update instantly;</li> <li>switch between English and French;</li> <li>download a plain-text summary, print or save a PDF, or open a prepared email draft.</li> </ul> <h2> Why I kept it static </h2> <p>The runtime is four files: <code>index.html</code>, <code>styles.css</code>, <code>config.js</code>, and <code>app.js</code>. It runs on static hosting with no backend, build step, account, API key, or runtime dependency.</p> <p>The business owner edits package names, prices, add-ons, currency, tax settings, recipient email, and default language in <code>config.js</code>. The visitor's notes and contact details stay in the browser unless they choose to email, download, or print them.</p> <p>The email action uses <code>mailto:</code> and opens a draft in the visitor's email client. It never sends automatically. I also label the total as an estimate so the page starts a pricing conversation instead of pretending to generate a binding quote.</p> <p>I used Codex as a coding collaborator for implementation and QA. The delivered page contains no AI model or external AI API.</p> <h2> Try the flow </h2> <p>Live demo: <a href="https://www.nexushub.nexus/studio/demos/quotekit" rel="noopener noreferrer">https://www.nexushub.nexus/studio/demos/quotekit</a></p> <p>I would especially value feedback from people who sell services online: does an instant ballpark estimate qualify a lead, or does it anchor the conversation too early?</p> <p>For anyone who wants to adapt it for their own business or client projects, the editable source ZIP is <strong>$12 USD</strong> with a reusable commercial buyer license. Delivery is by email within 24 hours: <a href="https://buy.stripe.com/6oU4gA6SE9KPawh7hu4gg00" rel="noopener noreferrer">https://buy.stripe.com/6oU4gA6SE9KPawh7hu4gg00</a></p> showdev javascript webdev freelance