{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/61c36d36c48748b4a0a4e69956207877\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/61c36d36c48748b4a0a4e69956207877-fa979fa8ab8851c3.gif","duration":209.323,"title":"Interactive Spots App Form and State Update 🚀","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."}