hugo.SYAROF
PORTFOLIO & LAB
IDLet’s talk
Selected workPortfolio case studiesSystems playgroundCRM · inventory · people · approvalsLocal toolsAudio · OCR · PDF · CSVExperienceThe professional journeyEngineering labArchitecture and implementationAPI explorerReal portfolio API requestsAbout HugoThe person behind the systemsContactStart a conversation
HUGO / INDEX Tab to navigate · Enter to open · Esc to close
HUGO / SYSTEMS YOU CAN OPERATE

Reports

The ledger tells the story. Export every filtered row.

No account. Synthetic data. Saved in this browser.

One source of truth
01 / CUSTOMERS02 / ORDERS03 / INVENTORY04 / LEDGERCREATE · CONNECTCONFIRM · FULFILLRESERVE · DEDUCTPOST · REPORTTHIS BROWSER ONLYDemo WorksPGlite / PostgreSQL WASM
COMMIT / ROLLBACKSYNTHETIC DATA

AN INVARIANT YOU CAN TEST

Demo sales totals include fulfilled orders only, with whole-rupiah integer amounts. These are demonstrations, not legal financial statements.

query.salesEntries → filter → aggregate → CSV

Every action passes validation, actor checks, record versions and a SQL transaction. Open “How it works” in the workspace to inspect its runtime and storage boundaries.

01 / FOLLOW THE CONSEQUENCES

Start with a real task.

Each journey uses the same underlying records. The numbers change because the data changes.

02 / CAPABILITY MAP

Connected by design.

A PostgreSQL database in a browser worker, real relationships, and transactions that roll back when an invariant fails.

Local. Inspectable. Resettable.

PGlite runs PostgreSQL WebAssembly in a worker, persisted with IndexedDB. Export your workspace, load the precise golden fixture, or start again. Tool files and downloaded AI models stay separate.

Clear boundaries. Honest evidence.

Demo Works is a new portfolio implementation using synthetic data. It is not a client application, company schema or replica of an employer’s system. Actor switching demonstrates business rules; it does not prove server authentication.

Inspect the real backend status
Reports · Hugo Syarof