All work

Frontend / Fullstack Engineer · Feb – Aug 2026

Psychspace International

Turning a Figma handoff into a complete, deployed psychometric-assessment product.

Visit Psychspace

Psychspace needed a production web product built from its Figma design. The work covered more than a marketing site: people needed to discover assessments, create accounts, complete sessions, receive reports, and use personal or business workspaces. The product team also needed an administrative surface to operate the platform.

I owned the web application from the initial architecture through deployment. Psychspace is now deployed and operating as a private beta. That status matters: this case study is about complete product delivery, not a claim about market adoption or clinical outcomes.

  • • Chose the frontend stack and established a Next.js 16/TypeScript architecture with a backend-for-frontend layer.
  • • Implemented the public site, individual and business workspaces, and platform administration from the supplied designs.
  • • Delivered authenticated product flows, pricing and checkout UI, responsive navigation, and user-facing states across the product.
  • • Built the frontend test suite and the report/PDF template and delivery workflow.
  • • Made supporting NestJS backend contributions where required, while the core backend domain logic and scoring remained a separate responsibility.

The browser talks to a local BFF, not directly to the upstream API. Structured responses are validated at runtime, authenticated sessions stay in HTTP-only cookies, and mutations use CSRF protection. React Server Components are the default, with interactive code isolated at the smallest useful boundary.

I also wrote the agent instructions and engineering standards that make the repository navigable for coding agents: a clear source-of-truth hierarchy, feature ownership, transport rules, tests, and release checks. Agents help accelerate implementation; the architecture and security boundaries stay deliberate.

Next.js 16 · React 19 · TypeScript · TanStack Query · Zod · React Hook Form · Tailwind CSS · Paystack · Vitest