---
title: "Zunoy MockAPI — case study by Srikanth V"
description: "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."
url: "https://iamsrikanth.com/projects/zunoy-mockapi"
role: "Senior Frontend Engineer"
stack: "Next.js, Swagger UI, Monaco Editor, flexlayout-react, Zod"
live: "https://zunoy.com"
updated: "2026-07-16"
---

# Zunoy MockAPI

> 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.

- Role: Senior Frontend Engineer
- Stack: Next.js, Swagger UI, Monaco Editor, flexlayout-react, Zod
- Live site: https://zunoy.com
- Built by: Srikanth V (https://iamsrikanth.com/)

## 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.