Connection: up
The server is reachable.
1 · The customer
| Shop | Town | Tier | Credit left |
|---|
2 · The order
| Product | Case | Stock | Price |
|---|
| Line | Qty | Unit | Disc. | Net | Remove |
|---|
3 · The outbox
Orders taken but not yet acknowledged. They survive a closed tab, a flat battery and a week without signal.
| Order | Total | State |
|---|
4 · What crossed the wire
Local work is green; the network is blue. Count them.
Where the pieces live
- index.html · app.css
- the interface — ordinary markup and ordinary stylesheet, exactly what you already write
- app.js
- the wires —
fetch,localStorage, the DOM, the event handlers - orders.ring
- the business logic and the data — price tiers, the case discount, tax, the stock check, the credit limit, the order, the outbox, the sync payload, the reconciliation
- your server
- two HTTP endpoints that speak JSON, in whatever language you already use