Express API & Frontend–Backend Integration
Exercise — Design REST API → Build Server → Test CRUD
VLAB

BankTransaction REST API Builder

Design four CRUD routes by drag & drop. Generate Express code, build the simulated server, then verify every operation with the built-in REST Client.

1. Design API2. Generate Express3. Build Server4. REST Client Test5. Verify CRUD

Route Palette

Drag each operation into the correct CRUD target.

GET /api/transactionsRetrieve transactions
POST /api/transactionsCreate a transaction
PUT /api/transactions/:idUpdate transaction status
DELETE /api/transactions/:idDelete a transaction
Hint
Create → POST
Read → GET
Update → PUT
Delete → DELETE

CRUD API Design Board

CREATE

Drop the route that adds a new BankTransaction.

READ

Drop the route that retrieves BankTransaction data.

UPDATE

Drop the route that changes an existing record.

DELETE

Drop the route that removes a record.