Case Study · AI Agency · Platform

TechGPT
Core

The platform you're on right now — a live quote builder, M-Pesa paybill integration, receipt generation, and a Firebase-authenticated admin dashboard, all running on one AI-assisted codebase.

Live Internal Platform Nairobi, Kenya
AI
Assisted Build
24/7
Live Quoting
Live
Status

The Problem

Every client conversation used to start the same slow way: a message asking roughly what something would cost, followed by a back-and-forth of "it depends" before anything resembling a number appeared. There was no way for a prospective client to self-serve a realistic estimate, no consistent record of what pricing had actually been quoted to whom, and no lightweight way to issue a receipt without opening a design tool every single time a deposit came in.

Building TechGPT's own site was also, deliberately, the first real test of the exact stack being sold to clients — if Firebase and M-Pesa integration weren't solid enough to run the agency's own pricing engine and payment records, they weren't solid enough to hand to a client either.

What Was Built

At the centre is a live quote builder: individual services, bundled packages, and a fully custom app/web builder (framework, backend, database, features, deployment target) each carry their own price and estimated timeline, all editable from an admin panel without touching code. A prospective client can select exactly what they need, watch the estimate and timeline update in real time, and send the itemised result straight to WhatsApp — turning a vague enquiry into a structured conversation before the first reply is even typed.

Pricing and content aren't hardcoded. Services, bundles, project case studies, and the homepage's special-offer banner all live in Firestore and are editable through a password-protected admin dashboard, authenticated with Firebase Auth. That means updating a price or swapping out a featured project is a form submission, not a code deployment — the same self-service principle applied to Sonnies Crumbs' catalogue, applied here to the agency's own pricing.

Payment tracking is built around Kenya's actual payment rail: M-Pesa Paybill, not a foreign card gateway bolted on as an afterthought. The admin dashboard generates a formatted receipt directly from a deposit or full payment record — client details, services rendered, amount paid, balance remaining, M-Pesa transaction code — downloadable as a PDF or sent straight to the client's WhatsApp, with no separate invoicing software involved.

The site also carries its own monetization layer through Google AdSense on a few clearly labelled placements, and is installable as a PWA with offline caching via a service worker — small details, but ones that prove the underlying patterns work in production, not just in a demo.

Challenges Solved

It's the clearest example on this page of TechGPT's actual working method: build it for the business first, then offer the same pattern to clients who need the same problem solved.

Firebase Auth Firestore M-Pesa Paybill AdSense Admin Dashboard
View Live Site → Get a Quote for Your Project
More Work