HiveOps
Frontend Engineer (part-time)
Multi-tenant DBaaS · 2024 to 2025 · Archived
Thirteen months owning the frontend of a multi-tenant Database-as-a-Service platform, where organisations provision VespaDB infrastructure, run operations against it, and manage their own subscriptions. The work was translating dense Figma specs into a production component library and wiring it to the platform API. Billing carried the test coverage first, ahead of anything cosmetic, because it is the surface where a bug costs the operator money rather than a re-render.
The problem
Operators need to inspect and manage database instances across tenants, and self-serve their own billing, without the dashboard becoming unusable as instance counts grow.
Architecture
- Client
- Next.js, React, and TypeScript. Dashboards, tables, and modals built to spec from Figma on Mantine UI primitives with Tailwind CSS, and GSAP and Framer Motion for interaction.
- State
- React Query for server state across the dashboard views: fetching, caching, and invalidation after mutations.
- API
- REST against the platform backend that provisions VespaDB instances, plus Stripe for subscription and billing flows.
Decisions
Dense specs, and a wide surface to apply them to
Instance dashboards, data tables, modals, and billing panels all had detailed designs behind them. Building on Mantine primitives rather than from scratch meant keyboard and screen-reader behaviour came with the component, so the effort went into matching the spec, with Tailwind covering what Mantine did not.
Billing is the part you cannot ship broken
Subscription state has more edge cases than it looks: mid-cycle changes, failed payments, plan limits. Cypress and Jest coverage went there first, ahead of cosmetic UI.
Outcomes
- Stripe subscription and billing flows shipped end to end
- Instance management and CRUD dashboards backed by the platform API
- UI test coverage with Cypress and Jest on the billing paths
Built with
- Next.js
- React
- TypeScript
- React Query
- Mantine UI
- Tailwind CSS
- GSAP
- Framer Motion
- Stripe
- Cypress
- Jest
Screens
