Frontend development and request testing benefit from predictable sample data before a production backend exists.
THE APPROACH
How it comes together.
A static db.json and JavaScript generator describe an employees collection. With a separately chosen compatible JSON Server version, HTTP clients can practice listing and modifying those sample records.
UNDER THE HOOD
Follow the workflow.
Trace the components. Select a node for its role in the system.
Sample-data generation to mock CRUD requests4 COMPONENTS
INTERACTIVE 3DMock Employee REST API
JavaScriptJSONFaker
Mock Employee REST API / workflow
Move to tilt · Drag to rotate · Arrow keysDrag to rotate · Tap a component4 components · 4 connections
2D diagram
Trace connections 4 relationships
JSON fixture or Faker generator→Compatible JSON Server
Compatible JSON Server→HTTP collection routes
Frontend or HTTP client→HTTP collection routesrequests
HTTP collection routes→Frontend or HTTP clientresponses
+
Select a component to see how it fits into the system.