In this post the author describes how they use an AIâpowered programming tool to teach students to build a visual âsubway mapâ builder: a graphical editor where users can place stations, draw connecting lines, and zoom in/out with the mouse wheel. The interface offers three toolsâcursor, station placement, and line drawingâto manipulate the canvas, and each station is an EventEmitter (an Agent) that can emit, receive, and listen for events; the author gives a concrete example of a Time Agent broadcasting timestamps to a Print Agent that logs them. They explain the workflow: first write a requirements document in plain English, feed it to the AI, which generates code; then debug by describing errors back to the AI until fixes are found (illustrated with an aspectâratio bug in SVG coordinate transformation). The post showcases how this AIâassisted process turns ideas into working code while giving students handsâon experience with eventâdriven programming and collaborative coding.






















