App Review: FoodMap

By Nadav Yochman — Reviewed by Brett Katz, April 22, 2026

SRC_URL: https://producingtechnology.com/65-apps/yochmannadav_183285_15200405_json_app_mockup.html

Summary of Behavior

This app is a generic JSON-to-UI renderer called "Adaptive JSON App Renderer." You paste a producingtechnology.com JSON URL and the page fetches the data, infers its structure, and generates a one-page interactive mockup. It also has a "Load Sample" button with built-in demo data.

For the sample data, it renders a food discovery app called FoodMap. It displays a user profile (username "yuxiang," located in New York), a list of three restaurants with details like cuisine type, price range, rating, visit status, favorite dishes, and notes. It also shows a set of tags (cheap eats, late night, chinese, pizza, steak) as pill-shaped chips and a "total visited" counter. A collapsible raw JSON inspector is available at the bottom.

What Didn't Work as Expected

Nothing is clickable. The restaurant cards, tags, and user profile are all display-only. You can't tap a restaurant to see it on a map or get directions, and the tags don't filter anything when clicked.
No map. For an app called "FoodMap," there's no actual map anywhere -- it's a list view only. The neighborhoods are mentioned in text but never visualized geographically.
The "Load JSON" input didn't seem to do anything when tested with the default URL field. It loaded the sample data fine, but the external fetch path felt inert.
Visual clutter from the raw JSON block. The inspector section at the bottom takes up a lot of space and feels like leftover debug output rather than a deliberate feature.

Prompt to Improve the App

"I have a single-file HTML app that takes a JSON URL describing restaurants (with fields for name, neighborhood, cuisine, rating, price_range, visited, favorite_dish, notes) and renders them as cards. I need three improvements -- do not use any external libraries:

1. Make the tag chips at the top function as filters. Clicking a tag should hide restaurants that don't match that cuisine or tag, and clicking again should clear the filter.

2. Add an embedded map using a simple CSS/SVG representation of NYC neighborhoods (Flushing, Greenwich Village, Williamsburg, etc.) with dots showing where each restaurant is located. Hovering a dot should highlight the corresponding restaurant card.

3. Hide the raw JSON inspector behind a small toggle button in the footer instead of displaying it inline. The main UI should feel clean and finished, not like a debug tool."