Loaded Source URL
https://producingtechnology.com/65-apps/lixintong_185103_15200370_mole-json-explorer.html
API endpoint loaded by the app:
https://producingtechnology.com/a1/15-json/student.json
→ 200 OK
Summary of App Behavior
MOLE.JSON is a Wikipedia MediaWiki API JSON Explorer. It fetches parsed JSON data from a Wikipedia article (in this case, "Mole sauce") and displays structured metadata about the page in a dark terminal-style interface. The app provides several tab views:
- OVERVIEW Shows page metadata: Title, Page ID, Revision ID, Status, Target page (for redirects), Sections count, and Categories count.
- LINKS Lists hyperlinks found within the Wikipedia article (5 links detected).
- TEMPLATES & MODULES Shows MediaWiki templates (6) and Lua modules (7) used by the page.
- RENDERED CONTENT Displays the HTML-rendered body of the Wikipedia article.
- RAW JSON Shows the raw JSON response from the MediaWiki Parse API.
The page loaded was actually a redirect — "Mole sauce" redirects to "Mole (sauce)" on Wikipedia, which the app correctly detected and labeled with a Redirect status badge.
Issues & Unexpected Behavior
-
UI
Poor text contrast: The dark green monospace text on a black background is hard to read, especially for the status bar at the top. Small text at low contrast strains the eyes and may be inaccessible to users with visual impairments.
-
UX
No onboarding or explanation: A first-time visitor has no idea what this app is for. There is no description, no "About" section, and no hint that this is a Wikipedia JSON API visualizer. The purpose is completely opaque without prior context.
-
UX
No search or input field: The app appears hardcoded to display only the "Mole sauce" Wikipedia article. There is no way to enter a different Wikipedia page title and explore its JSON, which severely limits the tool's usefulness.
-
Content
Redirect without explanation: The page shows "Status: Redirect" with a red label, but doesn't explain to the user what that means or how it affects the displayed data — a beginner would be confused.
-
Layout
Large background watermark text ("MOLE") is distracting and competes visually with the actual content, making the interface harder to parse at a glance.
Suggested Improvement Prompt
"Redesign this Wikipedia MediaWiki API JSON Explorer with the following improvements:
1. Add a search bar at the top that allows users to type any Wikipedia article title and fetch its parsed JSON data dynamically, instead of hardcoding a single article.
2. Improve readability by increasing text contrast ratios to meet WCAG AA standards — use lighter text colors (e.g., #e0e0e0) against the dark background, and increase font size to at least 14px for body content.
3. Add a brief "What is this?" introduction panel at the top explaining: this tool fetches Wikipedia's MediaWiki Parse API response for any article and displays its metadata, links, templates, rendered content, and raw JSON — helping developers understand the API structure.
4. Explain redirect results inline with a tooltip or info box when the status is 'Redirect', indicating the user has landed on a redirect page and the target is shown.
5. Remove or de-emphasize the background watermark text, as it reduces legibility of the actual data."