<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/61c36d36c48748b4a0a4e69956207877&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/61c36d36c48748b4a0a4e69956207877-fa979fa8ab8851c3.gif</thumbnail_url><duration>209.323</duration><title>Interactive Spots App Form and State Update 🚀</title><description>Hi, this is Daniel, and I went over my Spots project. The goal is a social media web app where users can interact by posting new cards and editing their profile description. I updated the HTML with specific attributes for validation, added dedicated error messages under each input with red browser API highlighting, and used CSS for a not allowed cursor and grayed out button state. In JavaScript, I implemented toggle logic to disable the button until inputs are valid. I also added multiple ways to close models, by clicking the overlay or pressing Escape.</description></oembed>