← All example projects
Demonstration projectWeb App MVP

PeakDeck Patios

A live quote-calculator mini app for a fictional patio-and-deck builder — enter project details, get an instant estimate.

The deliverable is a working app

A quote calculator that gives homeowners a real number in under a minute

Use it. Tab through it without a mouse, try it on a phone, change your answers and watch the itemized estimate follow. It behaves like a product because it was built like one.

Open the live app

The brief

PeakDeck Patios, a fictional outdoor-living contractor, sells projects that start as a vague “what would this even cost?” Phone-tag estimates were losing serious buyers, so the site needed a self-serve calculator that turns curiosity into a qualified, itemized starting point.

Three decisions that shaped the build

Four small steps, not one long form

Size, surface, extras, estimate. Each step asks one question a homeowner can answer without measuring twice, and focus moves to each new step so the flow works end to end on a keyboard alone.

The math is a tested module, not UI glue

Every rate and rule lives in one pure pricing module with unit tests asserting three hand-computed scenarios. The interface can be redesigned freely without anyone re-deriving the arithmetic.

An honest range, not fake precision

The estimate is itemized line by line, then bracketed with a low and high figure, because a real contractor's number moves with site conditions. Software that pretends otherwise erodes trust at the first site visit.

Scope, honestly

  • This demo is one screen slice of the full scope: the flow a visitor touches first, built to shipped-product quality at 375 px and up.
  • A full order also covers email authentication, up to five screens, a database behind them, and deployment to your domain with SSL, per the acceptance criteria below.
  • All figures in the calculator are demonstration pricing for a fictional business, labeled as such on the page itself.

Image credits and licensing

The header photograph is used under the Unsplash License, which permits commercial use and does not require attribution. We credit the photographer anyway: Clay Banks, a wide wooden deck with a dining table, chairs and a grill, green woods behind it and a teal cabin wall to the right.

No identifiable face appears in it, and that is deliberate. A free-stock license covers the photographer’s copyright in the picture, not a subject’s likeness rights, so a recognisable face on a published page needs a released image.

On a real order, every image ships with its source and license recorded in the delivery notes, alongside the running app.

Web App MVP · Express

$4,500

Delivered in 5 business days

This is the real, fixed price for this exact outcome — not an estimate, not a “starting at.”

Order this exact thing

Acceptance criteria

The checklist this sample was built against

Every criterion below is part of a real order for this outcome, and every one is checked before it is signed off — but a demonstration page can only show you some of them, so we have marked which is which.

Demonstrated on this page

You can see the evidence for these right here, without taking our word for it.

  • Responsive at 375, 768, and 1280 px

Verified when your order ships

These are checked against the delivered work — a deploy on your domain, a test send that lands, an export file, a scan or a score — so a sample page cannot prove them.

  • Matches the approved feature outline
  • Sign-up and login work with a test account
  • Each screen loads and saves data as described in the approved outline
  • Deployed to your domain with SSL
  • Walkthrough video included

Demonstration project for a fictional business. PeakDeck Patios isn’t a real company, and this isn’t a past client result — it’s a real deliverable, built by our real process, to show exactly what an order for Web App MVP arrives as.

AI-drafted, senior-reviewed and signed off — the same process your order gets.