←Back to projects

Zunoy MockAPI

Senior Frontend Engineer

Next.jsSwagger UIMonaco Editorflexlayout-reactZod
Visit live site→

Overview

Built the dashboard and public docs page for Zunoy's MockAPI — an instant fake-REST-API generator for prototyping, with a Monaco-based schema editor and embedded Swagger UI for testing endpoints.

Deep dive

Dashboard

Built an IDE-like workspace for defining mock APIs:

  • Monaco-editor-based schema editing for JSON response bodies, with a dockable panel layout (flexlayout-react) so users can arrange the editor, endpoint list, and preview however they like.
  • Embedded Swagger UI for testing generated endpoints directly in the dashboard.
  • Form validation with react-hook-form + zod for endpoint configuration.

Public page

Built the public Swagger UI page for sharing mock endpoints outside the dashboard, with sanitized content rendering.

Outcome

Lets developers spin up realistic fake REST APIs in seconds for prototyping and testing, without waiting on a real backend.