Client operations portal & B2B SaaS
Product Design & Full-Stack Engineering
B2B client portal for quotes, deliverable handoffs, messaging, and RBAC releases.
Sole product designer and full-stack engineer owning schema design, Fastify APIs, React client/admin views, and deployment automation.
Live at kanustudio.com managing agency inquiries, scoped quotes, client deliverable handoffs, and role-gated administration.
Engineering & product case study
Problem & workflow context
Creative/engineering client engagements scattered quote approvals, deliverable files, and revision threads across email chains and shared links without clear access boundaries or audit trails.
Decision & rejected alternative
Built a single monorepo pairing React + Fastify + PostgreSQL with explicit workspace/role RBAC checks at the SQL/service boundary rather than bolting together third-party no-code client portals that leaked internal admin metadata or fragmented auth.
Failure encountered & diagnosis
Early staging deploys exposed subtle drift between client form schemas and Fastify route validators when quote status transitions gained conditional fields. Diagnosed in pre-release Playwright checks and solved by sharing single-source TypeScript request/response contracts enforced in CI before SSH promotion.
Verification, role & current status
Verified via automated type/contract checks, PostgreSQL role-isolation integration tests, and Playwright browser flows covering quote review, authenticated file handoff, and admin state transitions.
Architecture & reproducible evidence
- Unified quote sign-off, milestone deliverable downloads, and client messaging behind role-scoped PostgreSQL queries.
- Enforced shared TypeScript API contracts across React forms and Fastify handlers.
- Automated build, E2E browser checks, and atomic rollback-safe production deploys.
Technology stack
See all 9 roles, Penn M.A.S. status, U.S. citizenship/relocation logistics, and printable résumé on one page.
Open Recruiter View & Public Résumé →