docs: real screenshots and a real-footage tour video - #28
Merged
Merged
Conversation
Every image of the app is now a live capture of ZYNLEX running a demo project (a dashboard on :5173 calling an API on :8000): - README and site screenshots: servers, network log with a pretty-printed response, a 500 mock breaking the dashboard, an iPhone viewport, and the API client. Adds the mocks shot. - Tour video (52 s, 1080p) cut from screen recordings of the app in use, with captions and zoom-ins on the key moments. README opens with a 24 s cut as a GIF; the site plays the full video. - Open Graph image rebuilt from the new mocks screenshot.
A 15 s loop cut from the real recordings: the new tab lists the local dev servers, then Mock this turns /api/orders into a 500 and the dashboard shows its error state. Replaces the teaser GIF and the old v0.9 screen recording.
27 s loop over every headline feature instead of mocking alone: dev servers, network log, a 500 mock breaking the dashboard, an iPhone viewport, and the API client.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Replaces every image of the app with live captures of ZYNLEX in use, and adds a tour video cut from real screen recordings. Supersedes #26.
The captures use a small demo project — a dashboard on
localhost:5173calling an API onlocalhost:8000, plus a docs site on:4321— so every shot shows ZYNLEX doing its actual job on localhost.What changed
/api/ordersresponse pretty-printed; a mock rule returning 500 next to the dashboard's error state (new); an iPhone 17 Pro viewport; the API client calling the API.preload="none", poster frame).Screenshots show the panel fixes from #27 (path-first URLs, pretty-printed JSON, folded mock form), so merge #27 alongside this.