Workly

One place for a small business to manage clients, suppliers, employees and transactions, shipped to web and native desktop from one codebase.

Problem

Small businesses needed one place to manage clients, suppliers, employees and transactions.

Approach

I built the full app, from scheduling to analytics dashboards, and put it on Cloudflare Pages. Then I packaged the same codebase as a native desktop app with Electron.

Outcome

I shipped it to web and desktop, light mode and dark.

One codebase, two targets

The Electron build ships the same React app. No forked UI, no second design system to keep in sync.

Screens

Inside the product.

The lower half of Workly's dashboard: a ranked list of top customers by value and a list of the largest outstanding debts, each with a proportional bar. Names, email and amounts are blurred. — Dashboard, continued: top customers by value and the largest outstanding debts, ranked with proportional bars.

Workly supplier list with a search bar, amounts owed per supplier and a detail panel. Names, phone numbers and amounts are blurred. — Suppliers: a searchable list with what each one is owed, and a detail panel alongside.

A supplier's transaction history: debts and payments with dates, the pending balance, and buttons to add a debt, record a payment or export CSV. Names and amounts are blurred. — Supplier history: every debt and payment, the running balance, and CSV export.

Workly customer records across 33 pages, with one customer's history of collections and debts below. Personal details and amounts are blurred. — Customers: receivables per customer, with collections and debts logged over time.

Workly employee records with a detail panel and a work log of hours and payments. Names, contact details and amounts are blurred. — Employees: staff records plus a work log of hours and what was paid.