{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/fb8cf217dafd4da48cf13681a4f3a4a9\" frameborder=\"0\" width=\"1944\" height=\"1458\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1458,"width":1944,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1458,"thumbnail_width":1944,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/fb8cf217dafd4da48cf13681a4f3a4a9-6d768ae34c1c5be1.gif","duration":765.591,"title":"MyTutorBuddy Tutor Directory Build Walkthrough","description":"This Loom explains how to build and code a tutor directory website called MyTutorBuddy. It covers the HTML structure with an about section, a tutor list (Ms. Hani, Mr. Chan, Ms. Sarah plus adding Ms. Rachel teaching art with 9 years experience, Mondays and Tuesdays in KL, and Fridays), and a form to add new tutors with subject, location, availability dropdown, and image input using an initials API when no picture is provided. It then details the JavaScript, including subject to color mapping with a default yellow fallback, DOM-based tutor card rendering, and preventing page refresh using event.preventDefault on form submit. The Loom also discusses adding a rating field and filtering only available tutors by using tutorStatus in the array filter, then concludes with CSS styling and interactive card effects."}