Building AI Apps Live from Cairo 🔴
Want to back the stream? The «داعم» membership on YouTube is EGP 60 a month: badges, emoji, and I answer your questions first on stream. Become a supporter
The gist
The stream centers on an extended practical experiment in refining a website with coding agents, especially hero-section motion, a dotted grid, connector lines, and a milestone progress bar. Luqman uses live previews, screenshots, and browser inspection to verify rendered results rather than trusting code alone, while investigating missing CSS keyframes, visual regressions, server or port confusion, and effects that disappear after refresh. Some motion became visible after switching to the project’s existing motion library, but other details remained under refinement; he emphasized limiting change scope and preserving good states in Git. He also explored a command center for projects with multiple agent roles and shared JSON status, while recognizing the risks of over-automation and of the management tool becoming a distraction. The choice between automated pipelines and steerable interactive sessions remained unresolved. Based on personal experience rather than a comprehensive benchmark, he compared Cursor, Warp, Antigravity, and Codex across embedded previews, terminal sandboxing, runtime control, context handoff, and usage limits. Audience questions covered WordPress versus newer platforms, Supabase and Firebase, turning a website idea into an Android app, and whether WordPress suits IPTV or OTT platforms, with an emphasis on content rights and legal risks. Unresolved issues included several interface animations, recovery of a deleted effect, YouTube API consumption, and YouTube’s inconsistent display of the live-stream duration.
108 moments from the stream
- 6:50:53
Is WordPress Suitable for an IPTV or OTT Platform?
An audience question explored building an AI-assisted IPTV- or OTT-like platform and hosting it with Hostinger. The response argued that WordPress is not the right tool for this kind of platform, emphasized checking content rights, piracy risks, and legal constraints before choosing the technical approach, and suggested discussing the detailed requirements with an AI assistant.
- 6:56:31
Visually Verifying and Recovering a Frontend Regression
After a code change distorted the hero section and removed visible lines, the workflow required opening the site, taking screenshots, comparing the rendered result with the expected state, inspecting older files, and reverting when necessary. Visual evidence was prioritized over accepting a claim that the code was clean; later captions indicate that the previous state was confirmed, though the final adjustment instructions are fragmentary.
- 7:03:46
Tuning an Animated Grid and Sweep-Line Hero Effect
A hero-section visual effect is refined by reducing how many dots appear beyond the sweep line, keeping the grid more visible but muted by default, and turning dots green on hover or as the line passes. The work also includes slightly increasing the visibility of the rain-code effect and adjusting center and edge dot opacity.
- 7:13:02
Hero-section visual polish
A brief interface review says the hero section looks much better and comments that a section still appears somewhat bland; the captions do not clearly establish which section is meant.
- 7:18:01
YouTube live-stream duration display mismatch
A troubleshooting discussion about an ongoing YouTube stream whose manually checked duration appeared shorter than the actual elapsed time. The speaker considered whether the long stream might be divided into separate parts, but the captions do not establish a cause or outcome.
- 7:20:25
Verifying whether a live stream is still running
After suspecting that the stream might have stalled or frozen, the broadcaster asked current viewers to report the duration shown on their side as a way to verify its status.
- 7:23:12
Debugging a Gradient Border Animation Between Two Boxes
He investigated why a rotating green border was not appearing, compared the screenshot with the code, and refined two lines that start at the bottom of the box, travel in opposite directions, and meet at the top. Once the basic cycle worked, he noted that the transition timing through the connector to the next box still needed adjustment.
- 7:26:14
YouTube Showing an Inconsistent Stream Duration
He discussed YouTube displaying a stream duration that differed from the actual elapsed time and wondered whether the replay would be split after the stream ended. These pages do not establish the outcome.
Got a question about something in this stream?
Ask in the group