Portfolio
A marketing operations dashboard built as a portfolio project
What LeadSpark AI is
LeadSpark AI is a marketing operations portfolio project — not a commercial product. It demonstrates how campaign performance reporting, lead capture and a HubSpot-connected workflow fit together in one dashboard. The numbers you see come from a demo campaign dataset, so nothing here represents a real client account.
Campaign performance
Spend, revenue and ROAS across a demo campaign dataset, with sortable tables, filters, CSV export and charts.
Lead capture
A validated lead form that posts to a server function, so no credentials are ever exposed in the browser.
HubSpot-connected workflow
Submitted leads are upserted into HubSpot by email, and a scheduled job pulls contacts back into the dashboard.
Documented decisions
Design tokens, layout and data shape are consistent across pages so the project reads like a real product.
How it was built
The stack was chosen to keep the app typed end to end and to keep any API key on the server.
React + TypeScriptTanStack Router & server functionsTailwind CSS + shadcn/uiRechartsHubSpot CRM APIPostgres with row-level security
See the HubSpot Lead-Capture Flow in Action
This portfolio demo shows how a landing-page form sends a new contact into HubSpot and makes the lead visible in a marketing operations dashboard.
Take a look
Explore the dashboard pages, or read the background behind the project.