← INDEX/WORK/THISISCREDIT

№ 06 — CONSUMER FINTECH

This Is Credit

One dashboard for a financial identity scattered across nine industries.

TYPEVenture · Product build
YEAR2026
ROLEArchitect · Engineer
STATUSPhase-0 prototype · Deployed on Netlify
SCOPEArchitecture · Data viz · Compliance

Why this exists

Your financial identity lives in fragments: three consumer bureaus, D&B for your business, public-records vendors, identity brokers, mortgage underwriters. This Is Credit (built for Bolt Credit Services) consolidates all of it into one consumer dashboard — monitoring, disputes, business credit, and mortgage readiness.

The architectural bet: the UI must never touch a vendor API directly. Every data source sits behind a vendor-independent provider interface, so graduating from demo data to Xactus, D&B Direct+, LexisNexis, or Persona means writing one adapter file — with zero UI changes.

What I engineered

ARCHITECTURE

The provider abstraction layer

A richly-typed domain model — bureau scores, credit accounts, disputes, PAYDEX, public records, KYC consent — with a single-line provider registry mapping every layer to its implementation. The expensive integrations are designed before they’re bought.

DATA VIZ

Charts with zero chart libraries

A hand-rolled inline-SVG three-bureau trend chart: computed axis ticks, hover crosshair and tooltip, animated end markers, a single selective direct label to avoid collisions, and a <details> data-table fallback for accessibility.

MOTION

Dependency-free canvas plexus

The hero renders a drifting, proximity-linked network of data-source nodes feeding one dashboard — theme-aware, reduced-motion-compliant, offscreen-paused, with gentle cursor repulsion. It replaced an earlier WebGL aurora after honest performance review.

ENGINE

Real mortgage math

Middle-of-three-bureau score selection, DTI computation, FHA / VA / Conventional qualification flags, and a weighted 0–100 readiness composite surfaced through a live calculator.

COMPLIANCE

Docs before data

FCRA permissible purpose, CROA disclosures, GLBA safeguards, and state CSO registration mapped in writing before any real consumer data is allowed near the system.

In the wild

Three-bureau dashboard — hand-rolled SVG trend chart, zero libraries
THREE-BUREAU DASHBOARD — HAND-ROLLED SVG TREND CHART, ZERO LIBRARIES
Mortgage readiness engine — middle score, DTI, program flags
MORTGAGE READINESS ENGINE — MIDDLE SCORE, DTI, PROGRAM FLAGS
Landing — dependency-free canvas plexus hero
LANDING — DEPENDENCY-FREE CANVAS PLEXUS HERO
3BUREAUS MODELED
0CHART LIBRARIES
1ADAPTER FILE PER VENDOR SWAP
Next.js 16React 19TypeScriptTailwind v4MotionInline SVG chartsCanvas 2DNetlify

Architecture discipline: designing for the integration you haven’t paid for yet, hand-building the visualization layer to an accessibility spec, and treating compliance as a design input instead of an afterthought.