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

Relationships

Customers, contacts and the context behind every sale.

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

Orders reference a real customer in this workspace. Notes remain plain text. Email validation is format checking, not identity verification.

customer.create · customer.note

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
Relationships · Hugo Syarof