gökberk bank

gökberk bank is my “imaginary” banking and finance app — the banking experience I think I’d love to have, where I can manage my own finances in one place instead of switching between five different fintech apps.

One of the things I realized while building this: “I can’t find what I’m looking for.” Then I realized I was on the right path — that’s the road to a real banking app. I had an idea for how to solve it, though: a global search / command menu, inspired by Datadog’s Druids and Nord Health’s design system. As a user, I should be able to search for the action I’m looking for and have the UI navigate me there — so I built that component into my design system and integrated it into the banking app.

Try it yourself: open the search bar at the top of the app (or hit ⌘K / Ctrl+K) and search for “send money” or “freeze card”.

It’s also a dogfooding showcase for my design system: every screen is composed from the published @gokberknur/design-system gok-* components and --gok-* tokens. It’s frontend-only — mock, seeded, deterministic data, no real backend, money, or PII behind it.

Highlights

• Accounts & home — EUR home plus multi-currency wallets, balances, transactions, savings pots, statements
• Payments — SEPA / SEPA Instant, SWIFT, FX exchange, scheduled payments, direct debits, split a bill
• Cards — physical, virtual and disposable cards, controls & limits, PIN & 3-DS, tiers
• Borrow & protect — loans, mortgages with a calculator, credit line, insurance quotes and claims
• Invest — portfolio, order ticket, instruments, watchlists, funds & ETFs, dividends, crypto
• Manage — budgets & spend analytics, rewards, activity, documents & e-sign, support & disputes
• Identity & security — onboarding/KYC, 2FA (OTP) + passkey, step-up re-auth, devices & sessions
• A ⌘K command menu — search anything, run any action, jump to any section, keyboard-only
• Built with SvelteKit 2, Svelte 5 (runes) and TypeScript, deployed as a static SPA on Cloudflare Pages