{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/53c363806f8a47599b6d1d0eab1b5a77\" frameborder=\"0\" width=\"1152\" height=\"864\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":864,"width":1152,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":864,"thumbnail_width":1152,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/53c363806f8a47599b6d1d0eab1b5a77-70278f3f09859aca.gif","duration":300.269,"title":"Building a React Cake Filter Website","description":"This Loom walks through building a React website called Sweet Layers that displays cake cards with flavor filters. The author explains using a reusable child component that takes props like image, title, flavor, rating, and price, and how a one data-driven approach makes the page dynamic instead of hard-coded. It covers state management with useState, where clicking a flavor button (defaulting to all) triggers re-rendering to show only the selected flavor, with 13 cakes currently listed. The Loom also shares a styling bug fix in index.css, where adding object-fit: cover prevents cake images from being squished and cut off."}