ChatGPT can now build real mini-apps right inside the chat. I asked it for a website price calculator, and two minutes later I had this. Then I put it live on my own website. Hey, I'm Adam, and welcome to Build and Earn AI. Let me show you the result first, and then exactly how I did it.
This is the finished tool, live on a real domain. A client picks the type of website, the number of pages, and the extras they need. And the price updates instantly. A business website with eight pages, SEO and online booking comes to one thousand seven hundred fifty dollars, with every item listed. And with one click, the client can send you the quote.
Why does this matter? Because tools like this bring in clients. Freelancers put quote calculators on their websites, and small businesses pay for custom ones. Now you can build one in minutes. Open ChatGPT and describe the mini-app you want. Be specific. I asked for a website price quote calculator for a freelance web designer, with website types, the number of pages, add-ons like SEO, logo design, online booking and an online store, live prices in US dollars, and a premium look.
And here it is, right inside the chat. Four website types, from four hundred fifty dollars for a landing page, to fifteen hundred for a custom website. It's not just a picture, it really works. I set the pages to eight, and turn on SEO and online booking. The estimate updates live: eight hundred fifty for the website, three hundred for the extra pages, two fifty for SEO, and three fifty for booking.
One thousand seven hundred fifty dollars in total. Quick question. Would you use a tool like this on your own website, or build it for clients? Comment 1 for my website, or 2 for clients. But a mini-app inside the chat only lives in ChatGPT. So I asked for one more thing: turn it into one index dot html file I can put on my own website, keep the same design and prices, make it mobile friendly, and add a Request this quote button.
ChatGPT worked for less than two minutes, and gave me a ready file: index dot html, about fifteen kilobytes, with the HTML, CSS and JavaScript all in one file, and no extra libraries. Click it, and you can even preview the page before you download it. Then download the file. One tip: open it and put your own email address in the Request this quote button.
Now, to put it online, you need hosting and a domain. I use Hostinger. The link is in the description, and it supports the channel at no extra cost to you. In hPanel, open your website, go to Domains, then Subdomains. Type a name, I'll use quote, and click Create. A subdomain is free, so you can host as many tools as you want on one domain.
Next, open the File Manager. Go to public underscore html, then the new quote folder. Click Upload, and choose your index dot html file. That's it, the file is on the server. Now open the subdomain in your browser. The calculator is live, with free SSL, on a real address you can share with anyone.
And it works perfectly on phones too, because we asked ChatGPT to make it mobile friendly. So how do you make money with this? First, add a quote calculator to your own freelance website, so visitors get a price and contact you. Second, sell custom calculators to local businesses, like clinics, cleaning companies or photographers.
One file, one subdomain, and you can charge one hundred fifty to five hundred dollars per tool. A few honest notes. I tested this on a paid ChatGPT plan, so check what your plan includes. The prices in the calculator are just examples, so set your own. And the request button opens the visitor's email app.
For a real form that saves leads, you would add a backend later. The hosting link is in the description. Subscribe for new AI tutorials every week. And tell me in the comments: your website, or clients? 1 or 2?
Build
