IT Asset Tracker.

Build an IT asset tracker for Granite Peak Outfitters, a 20-person outdoor gear retailer, so the office manager knows every device the company owns, who has it, and when its warranty ends. Layout. Top: four stat cards: In use (28), Spares (5), In repair (4), Retired (3). The hero is a register table with tabs across the top for All, Laptops, Monitors, and Phones, each tab showing its asset count. Columns: asset tag, model, serial number, type, assignee, status badge (green in use, blue spare, amber in repair, gray retired), purchase date, and warranty end shown as a badge: red for expired, amber for ending within 90 days, green otherwise. Default sort is warranty end ascending; support sorting on every column and a text search over model, serial, and assignee. Clicking a row opens a side panel with the full asset detail plus a check in and check out form that reassigns the assignee and updates status. Below the table, two charts side by side: a bar chart of warranty expirations by month for the next 12 months, and a donut of the fleet by device type. Data. Seed 40 assets: 22 laptops, 10 monitors, 8 phones, with invented but plausible models (Lumen 14, Lumen 16, Vista 27, Pebble X and similar), serial numbers, purchase dates spread over the last 4 years, and warranty end set at purchase plus 3 years. Assign in-use devices to a 20-person staff list with realistic names and departments; spares, repairs, and retired units have no assignee. Plant two stories the charts and table make obvious: 9 laptops fall out of warranty next quarter, creating a visible spike in the expirations bar chart, and all 4 in-repair units are the same Lumen 14 model, suggesting a bad batch, with short repair notes like hinge failure on those rows. Behavior. Stat cards and both charts are computed from the register. The side panel form captures assignee, status, and a note; checking gear out sets status to in use, checking it in sets it to spare. Writes are member-only, so the table, badges, and charts must stand alone for a read-only visitor. Visual identity: use a forest green accent for primary actions, the active tab, chart emphasis, and in-use badges, on a clean light neutral base with amber and red reserved for warranty and repair warnings.