What the app does
Free Crumbs is a mock mobile-style app that shows nearby free baked goods within 1 mile. Each listing shows the food name, a priority level (critical / high / medium), the source channel (Nextdoor, Office Slack, bakery alert), how far away it is, pickup instructions, allergen tags, and a mock "Claim" button. The bottom tab bar has five sections: Feed, Map, Sources, Log, and Stats.
Observed behavior
nut_free, contains_nuts, contains_gluten, etc.Things that didn't work as expected
Suggested improvement prompt
Improve the Free Crumbs mock app with the following changes:
1. Allergen filter bar — add a horizontal pill filter above the feed (e.g., "nut-free", "gluten-free", "dairy-free") that hides cards not matching the user's filter. This makes the allergen tags actually useful.
2. Claim interaction — when the user clicks "Claim", change the button to "Claimed ✓", gray it out, and add a subtle "reserved by you" badge to the card. Optionally show a toast: "Pickup confirmed — head there within 20 min."
3. Locale fix — use the browser's locale (navigator.language) or default to English date formatting so timestamps don't appear in Chinese on English-locale devices.
4. Sort and filter controls — add a small sort dropdown (by distance, by recency, by priority) so users can prioritize what matters most to them.
5. Stub out the other tabs — even a simple placeholder with one or two mock data points for Map, Log, and Stats would make the app feel more complete and demonstrate the full product vision.