Eric Park
Eric Park/projects
PayOut

PayOut

2024

Next.jsTypeScriptTremorTanStack QueryOrval

PayOut takes a US stock portfolio and answers the dividend questions broker UIs don't surface clearly: expected passive income over the next twelve months, yield on cost against current allocation, which sectors carry the dividend weight, and how payments have trended per holding over time.

Stack — Next.js + TypeScript with Tremor as the dashboard primitive library so KPI cards and charts share a consistent visual grammar. TanStack Query handles server state; Zustand covers a thin slice of client state; Radix and Headless UI supply accessible dialog / accordion / menu behavior; Vaul for mobile drawers, Sonner for toasts, next-themes for theming.

API — Orval generates a fully-typed Axios client from the backend's OpenAPI spec, so the frontend can't drift from the server contract. Market data comes from an upstream financial provider with request-level caching to stay inside the provider's rate limits. Launched on Product Hunt in 2024.

← All projects