← Back to work Prototype · ERP

SpendLane

A team expense tracker where every logged claim updates running totals, a live category-breakdown chart, and a monthly budget burn-down at once. Approve or reject a claim and watch the numbers, chart and budget bar recompute instantly.

TypeScriptTypeScriptReactReactTailwind CSSTailwind CSSNode.jsNode.jsPostgreSQLPostgreSQLPlaid API
Visit live site ↗
<p>A team expense tracker where every logged claim updates running totals, a live category-breakdown chart, and a monthly budget burn-down at once. Approve or reject a claim and watch the numbers, chart and budget bar recompute instantly.</p>

The brief

Every company that gives a team a credit card needs to see where the money goes before the month closes. Finance leads, founders and office managers all want the same loop: capture a charge, tag it, watch the budget, and clear or push back on it. Expense management is the ERP layer that keeps spend visible and under control.

What we built

SpendLane is a single-screen expense console: a logging form and budget on the left, a filterable expense ledger on the right, and a KPI strip across the top. You can add an expense with merchant, category, amount and date, filter the ledger by month and by status, and approve or reject any claim with one tap. Running totals, a category-breakdown bar chart and a monthly budget progress bar all recompute live as you work.

How it works

All state lives in a plain JavaScript array of expense objects, each carrying a status of pending, approved or rejected. Adding a claim, toggling a status, or changing the month or status filter recomputes the KPIs, redraws the CSS-bar category chart, and animates the budget fill. Approve and reject buttons act as toggles back to pending, rejected items are excluded from spend, and amounts and dates are formatted client-side. No libraries, no build step, no server.

Make it yours

This is a functional prototype that demonstrates the expense-management category — it is a capability demo, not a client engagement. Romanov Solutions builds, clones, customizes and integrates production expense systems fully custom-fit to your finance stack: corporate-card feeds, receipt OCR, multi-level approval chains, per-department budgets, mileage and policy rules, and accounting exports. Lease it, try it free, buy the code outright, or have us build it new.

Like this project?

Project like this?

Tell our assistant what you have in mind — it'll sketch the first version of your game plan on the spot, and we'll pick it up from there. No forms, no waiting.

Chat with our assistant → Book a call
Ask AI