Build an Asset Handover App with ToolJet MCP
Introduction Build an asset handover app with ToolJet MCP for the counter team that checks out power tools, survey gear, and site laptops from a tablet. The app shows who has each asset, what condition it was last reco
Introduction
Build an asset handover app with ToolJet MCP for the counter team that checks out power tools, survey gear, and site laptops from a tablet. The app shows who has each asset, what condition it was last recorded in, and what needs to happen next at handover. You get the screen flow, the data model, and the prompt in this article, and an agent generated the result as a structured ToolJet application with data, queries, and interface together, not a screen or a code drop.
Equipment List — KPI tiles, category breakdown, recent activity, and a searchable, filterable table with an overdue view
Item Detail — full movement history with condition photos, and an Asset-Manager-only correction flow
Scan & Record — QR scan with a manual-code fallback, big Issue/Return/Transfer buttons
What We're Building
This app uses a wide scan-and-record page and a separate equipment list page, both tuned for tablet use. On the scan page, a big QR scanner sits with manual code entry, a match reveals the asset's name, category, holder, and condition, and a miss opens a centered register form for a new item. The same screen then drives the handover action with Issue, Return, and Transfer controls, recipient and condition fields, an issue date picker, photo capture for returns, and a single confirm step, while the layout keeps the manual code entry and camera view from overlapping. The confirm step returns the tablet to scan-ready state, and the equipment list shows summary tiles, a category chart, recent activity, search, filters, and an overdue view that sorts from most overdue first, while row clicks open the hidden item detail history with notes beside each photo.
- Scan a QR code or type a manual code to land on the right asset record
- Register a new asset inline when the code does not match an existing item
- Record issue, return, and transfer movements from one compact screen
- Attach return photos to the movement record and keep the history append-only
- Review equipment with summary tiles, a category chart, recent activity, and an overdue list
Build an Asset Handover App with ToolJet MCP for Scan, Record, and Review
Want to build it yourself? Start with the ToolJet MCP repository for setup instructions, supported agents, and everything you need to follow along.
The Consolidated Build Prompt
The build took several passes, and the requirements are consolidated here into one prompt that could have driven the app from the start. You can use the prompt in this article to reproduce the same structure in a single run.
Build a 2-page tablet app for a commercial construction equipment store to replace a paper asset-handover ledger. Use ToolJetDB for two tables: items (code, barcode_value, name, category, status, current_holder, current_condition, expected_return_at) and movements (an append-only log of every issue/return/transfer, with from/to holder, condition before/after, notes, photo_urls, and a corrected/corrected_by/corrected_at trail) — an item's current state is always derived from its latest movement, never overwritten in place.
Page 1, Scan & Record: a big QR scanner with a manual-code fallback above it. On a match, show the item's name, category, current holder, and condition immediately. On no match, show an inline register-item form (name, category, condition) that generates a new code and continues straight into the movement step. One screen with three big Issue/Return/Transfer buttons, a recipient field, a condition-now field, an expected-return date picker for Issue, and a 1-2 photo capture step for Return that uploads to S3 and attaches the URLs to the movement record. A single Confirm button submits the movement and returns to scan-ready. Center the register-item form; keep the manual code entry and camera view from overlapping.
Page 2, Equipment List: KPI tiles for total/available/issued-or-transferred/overdue counts, a category breakdown chart, a recent-activity feed, and a searchable/filterable table of all equipment showing current holder and last-moved time, with an Overdue tab sorted most-overdue-first. Row click opens a hidden Item Detail page with the item's current state and full movement history, each entry showing its condition note next to its photos.
Two ToolJet groups, Operators and Asset Managers. Both can scan/record movements and view full history read-only. Only Asset Managers can correct a mistaken movement record (enforced on the correction query itself, not just hidden in the UI) — correcting the latest movement recomputes the item's current state. Apply a custom muted theme and seed realistic sample data across all equipment categories and statuses so the app doesn't demo empty. Keep the app to exactly 2 top-level pages.
How ToolJet MCP Builds the App
ToolJet MCP works through the whole application, so the data model, pages, components, queries, and the wiring between them land as one structured ToolJet application. That matters here because the handover flow depends on current state, movement history, photo storage, and role-gated correction, and the generated app sits on a runtime that carries data connections, workflows, and permissions where supported instead of handing you a codebase to operate yourself. The same structure lets the scan page, the equipment list, and the hidden item detail view stay in sync, and you can keep editing visually and drop into code where the case calls for it.
The One Thing That Broke
A printed QR scan sometimes opened the wrong item because the decoded value carried trailing whitespace, so exact matching failed. Trimming the scanned code fixed the lookup and the handover flow picked up the correct asset again on every scan.
Data Created
The app ended up with two tables. items stores every tracked asset, including its code, category, current holder, current condition, and expected return date, while movements keeps the append-only log of issue, return, transfer, correction, notes, and photo URLs that drives the current state. The current holder and condition come from the latest movement instead of being overwritten in place, so the log stays authoritative.
| Page | Components | What they cover |
|---|---|---|
| Scan & Record | 26 | Scan/lookup, register-unmatched-item, and the issue/return/transfer flow with photo capture |
| Equipment List | 15 | KPI dashboard, category chart, recent activity feed, searchable table, and overdue view |
| Item Detail (hidden) | 22 | Full movement history with condition photos and an Asset-Manager-only correction flow |
What Got Generated
| Metric | Result |
|---|---|
| Pages | 3 |
| ToolJet DB tables | 2 |
| Queries | 16 |
| Components | 63 |
| Code files to maintain | 0 |
| Repair cycles | 1 |
| Final validation | 0 errors |
Industries That Run This
Commercial construction and equipment rental — any company that hands physical power tools, survey equipment, or site laptops between crews and needs an auditable record of who has what and in what condition, without relying on a paper sign-out sheet.
Who Gets Access To The Built App
Operators can scan items, record issues/returns/transfers, and view full item history read-only. Asset Managers get everything Operators have, plus the ability to correct a mistaken movement record after the fact — enforced server-side on the correction query itself, not just hidden in the UI.
Enterprise Features for Your Asset Handover App
An asset handover app holds asset codes, holder names, and photo evidence. ToolJet covers that governance at the platform layer, so you configure it once instead of rebuilding it in every app.
- SSO and SCIM: sign in with SAML, OIDC or LDAP, and provision users automatically
- Role-based access control: scope permissions to the app, the data source, and each query
- Audit logs: track every login, edit, and approval decision for compliance review
- Air-gapped deployment: self-host on Docker or Kubernetes so your data stays in your network
- Multiplayer editing: several builders work on the same app, with versioning and Git sync
- ToolJet AI inside your own deployment: run the AI features in your tenancy rather than a shared service
Final Takeaways
This build shows a tablet handover app that scans a code, exposes the current holder and condition, and records issue, return, transfer, and correction events against a log that stays authoritative. The point of the structured application model is that the agent hands back a real ToolJet app on a mature runtime, so you keep editing the same project instead of inheriting loose generated code. Visual editing, selective code, data connections, and permission rules stay in one place as requirements change, which is the part that matters after the first version ships.
Cost and Speed by Model
You can easily build a 4-page app with ToolJet MCP for as little as $0.17 with a lean model (Luna medium), or pay more for the latest flagship reasoning (Sol) if that's what you're after. The cost is your call, not a floor we set for you.
| Model | Credits | Minutes | Notes |
|---|---|---|---|
| Astra | 290 to 550 | 13 to 16 | The most polished pages, when cost matters less |
| Sol (Recommended) | 300 to 650 | 14 to 22 | The best balance of quality and cost for most apps |
| Terra | 85 to 210 | 5 to 12 | The fastest, and best kept to smaller apps |
| Luna max | 35 to 55 | 33 to 62 | The most complete Luna, and by far the slowest |
| Luna high | 25 to 50 | 22 to 41 | Mid-effort Luna, between medium and max |
| Luna medium | 10 to 30 | 14 to 20 | A quick first draft or a small tool |
Three to four builds per model across four-page apps. 1 credit = 1 cent. Credits and time are estimates only and will vary with the complexity of what you ask for. This measures cost and speed only, not how complete or polished the result is.
Even averaging across model tiers, ToolJet MCP can turn $10 into a dozen or more working 4-page apps.
Try ToolJet MCP
Build your own asset handover app, then request a ToolJet demo for your equipment data.
FAQs
What does build an asset handover app with ToolJet MCP create?
It creates a structured ToolJet application for asset handovers, not a loose export. In this build, the scan flow, equipment list, and hidden item history page land with their data and query wiring intact so the app keeps working as one unit across review and correction.
How does the app handle an unknown QR code?
A miss opens the register-item form on the same screen. You enter the asset name, category, and first condition, then continue straight into the handover step with a new code, without leaving the scan flow or losing the context of the match.
Do you need to write code to reproduce the flow?
No code is needed for the base flow. The prompt sets up the pages, tables, and actions, and the generated app still leaves room for code when a specific case needs it, such as a custom check or a specialized lookup rule.
How does this app use ToolJetDB and S3?
ToolJetDB stores the tracked assets and the append-only movement log. S3 holds the return photos, and those URLs stay attached to the movement record so the history keeps the evidence with it while the scan flow reads the current state from the latest movement.
What happens to the app after the agent finishes?
The finished app stays as a ToolJet project on the runtime, so you keep editing the same data model, pages, and permission rules instead of taking over a one-off generated artifact. That keeps the asset process in one place as the process changes.
How do Operator and Asset Manager roles differ?
Both groups can scan, record, and read history. Only Asset Managers can correct a mistaken movement record, and that restriction is enforced on the correction path itself, not just hidden in the interface, so the server-side rule matches the visible control.
Can several teammates keep working on the same app?
Yes. Different people can keep iterating on the same project, and the shared tables and screens keep the asset catalog, scan screen, and permission logic aligned as requirements change without splitting the handover process across separate copies.
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes — full credit and traffic to the original publisher.

