SaaS · Featured · 2024

Prop Metrics.

Every ZIP code, priced.

RoleFull-stack engineer
ShippedOctober 2024
StackNext.js · React · Supabase +3
abdelmaksoud.dev
presents
Admit one
prop-metrics.com
Prop Metrics

Act I

The challenge

Real-estate data is huge, messy, and lifeless in a spreadsheet. The challenge was making 134 metrics across every ZIP in the country feel explorable on a map, then turning that same data into something other developers could actually buy and query through an API.

Act II

What I built

US residential real-estate analytics. A Mapbox choropleth drills from metro down to ZIP over a table of 134 metrics per ZIP, and on top of it sits the part I’m proudest of: a metered public data API with hashed keys, per-plan rate limits, and Stripe metered billing.

Intermission, the demo

The product, playing itself

30318
Atlanta, GA
cap rate7.2%
median price$412K
rent yield9.1%

one ZIP of ~34K, 134 metrics like these on every one

The cast

What actually makes it work

Read the card, then flip it to watch the mechanism run.

0x01

Two-layer choropleth drill-down

National metro fills hand off to per-metro ZCTA GeoJSON with chroma-js data-driven scales, a gradient flip for lower-is-better metrics, feature-state tooltips, and viewport tracking, in one 787-line map.

how it works

Two-layer choropleth drill-down

0x02

Metered public API product

SHA-256 keys with display prefixes, Upstash sliding-window limits, a free tier blocked at 50 requests, and api_requests meter events posted to Stripe for overage billing, documented with Scalar.

how it works

Metered public API product

0x03

Programmatic SEO

Per-ZIP pages on 24-hour ISR with JSON-LD, plus embeddable per-city metric maps, so tens of thousands of pages stay fresh and indexable without a rebuild.

how it works

Programmatic SEO
Open live Open in Figma