Overview
A private, local-first web product for examining investment-call records, modelling a personal portfolio, and keeping those two data worlds deliberately separate.
Back to work
Original product
Investing Command Center
Investing Command Center is the internal project name for Track Records & Portfolios: an original React application designed around a difficult boundary - make track-record context inspectable while keeping a person's portfolio private and locally controlled.
Active product buildLocal-first web application
Product homeOpen gallery
More project views
What I built
- A responsive application organised around Discover, Analyze, and Portfolio as distinct product areas.
- A local-first portfolio workspace for accounts, holdings, transactions, dated snapshots, goals, and scenario tools.
- Record-oriented discovery models for creators, calls, timestamps, outcomes, and verification context.
- Export/import and PWA foundations designed to keep financial data in the browser by default.
Key systems & features
Record integrity
Transactions and dated snapshots are modelled as auditable records, with provenance and correction context kept alongside the information being compared.
Public/private boundary
Public creator-call research is structurally separated from a person's local portfolio, private notes, holdings, and financial inputs.
Calculation discipline
Financial values are stored and calculated with decimal-safe rules, while assumptions, actual holdings, and simulations remain distinct.
Product guidance
The interface can explain a complex product in stages without silently changing data, calculations, access, or financial advice boundaries.
Technical challenges
Make history inspectable, not magical
The product has to show what was known, when it was known, and where a record came from instead of reducing everything to an opaque score.
Preserve privacy while adding capability
The architecture leaves room for public product features without turning personal portfolio data into a remote service dependency.
Stack & technologies
- React
- TypeScript
- Vite
- Dexie / IndexedDB
- Zustand
- Zod
- Decimal.js
- PWA
What this demonstrates
- Architecture for a data-heavy React application
- Privacy-sensitive and local-first product decisions
- Interfaces for structured, time-based information
- Validation, deterministic tests, and production-build discipline
Current status
Current status: active original product build. Its local application and architecture are real; public creator accounts, payments, live rankings, investment outcomes, and commercial adoption are not claimed as launched.
Your project can start small