Browser App Review

Loaded SRC_URL

The LOADED_SRC displayed in the top-left of the browser chrome pointed to a student-specific submission under /65-apps/, identified by netid wangsirui. The page counter in the top-right showed PAGE: 110 / 143, meaning this was submission #110 out of 143 total class submissions browsable via PREV / RANDOM / NEXT.

App Behavior Summary

The loaded page was titled "Text Media Experience" and rendered a complete JSON data structure as a vertical tree of nested labeled cards on a dark navy background. The app being documented was ReceiptBite — a food receipt scanning and tracking app in the food_receipts domain (schemaVersion 1.0.0).

The JSON tree displayed the following top-level sections, each expanding into nested cards:

• app — name: ReceiptBite, domain: food_receipts, schemaVersion: 1.0.0
• user — userId: u_9f3a2c, preferredName: Sam, defaultCurrency: USD, taxPreferences > includeTaxInTotals
• receipt — receiptId: r_20260225_0001, source (inputMethod: scan, provider: camera, fileRef: uploads/u_9f3a2c/r_20260225_0001.jpg)
• merchant — Corner Deli & Grill, 123 Main St, New York NY 10001 US, phone: +1-212-555-0101
• purchase — purchasedAt: 2026-02-25T08:41:00-05:00, orderType: takeout, payment (method: card, last4: 1234, authCode: A1B2C3)
• items[0] — lineId: i1, Turkey Sandwich, category: prepared_food, modifiers: no tomato / extra mustard
• items[1] — lineId: i2, Iced Coffee, category: beverage, modifiers: oat milk
• totals — subtotal, discounts (label: Loyalty Discount, amount), tax
• review — status: needs_review, notes: "Verify tax and loyalty discount line."
• tags — breakfast, workday; createdAt / updatedAt: 2026-02-25T08:44:00-05:00
• exports — formatsAvailable: csv, pdf, quickbooks; lastExport: csv at 2026-02-25T09:10:00-05:00, fileRef: exports/u_9f3a2c/receipts_2026-02.csv

The outer browser wrapper provided PREV, RANDOM, and NEXT buttons to navigate between all 143 student submissions, a green status bar reading SYSTEM: ONLINE / SESSION: ACTIVE, and the current LOADED_SRC URL.

Things That Didn't Work as Expected

• Multiple fields had completely empty values despite labels being present: quantity, unitPrice, and totalPrice for both items, as well as subtotal, tax, the discount amount, and the taxable boolean on each item — the receipt had no actual dollar amounts anywhere
• includeTaxInTotals inside taxPreferences also showed no value, so the user's tax configuration was completely unknown
• There was zero interactivity on the page — no buttons, no editable fields, no collapsing sections, no way to do anything with the data
• The entire JSON rendered as one extremely long single scroll with no anchors, jump links, or section headers, making it very hard to find a specific field
• The display treated everything the same visually — important fields like merchant name and total price looked identical to minor metadata like schemaVersion, with no visual hierarchy
• Arrays like items, modifiers, and tags were shown inline without clear array indexing, making it hard to tell where one item ended and the next began

Prompt to Improve the App

"Redesign this ReceiptBite JSON viewer as a real interactive receipt app. Instead of rendering raw JSON as nested cards, display the data as a proper digital receipt: merchant name and address as a styled header, a line-item table showing each item with name, quantity, unit price, modifiers, and total (formatted as USD), and a totals footer with subtotal, Loyalty Discount, tax, and grand total. Fill in all the currently empty numeric fields (quantity, unitPrice, totalPrice, subtotal, tax, discount amount) with editable inputs that recalculate the totals automatically when changed. Add a yellow warning badge for review.status = needs_review with the notes text visible. Collapse the exports, source, and schema metadata into a toggleable Details section so they don't dominate the view. Add an Export button that triggers a CSV or PDF download using the formats listed in the JSON. The visual style should feel like a clean receipt app — white card on a light background, monospace font for all numbers, not a raw data tree."