{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/1ba70ca9fe5b41869f1c2f1e3bc048d8\" frameborder=\"0\" width=\"1198\" height=\"898\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":898,"width":1198,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":898,"thumbnail_width":1198,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/1ba70ca9fe5b41869f1c2f1e3bc048d8-b7f6ff726baf7777.gif","duration":299.984,"title":"React Game Collection with Console Filters","description":"This Loom explains how the author built a React “game collection” interface that can be filtered by console/platform and release year. It describes importing useState and card images, using a Game component to render each card via props, and using a .map with a key based on game ID. The app derives unique platform and year dropdown options, then filters the games array based on the user’s selected platform and year, updating results and a GameCounter using FilterGames.length(). Finally, it covers a bug fix for the year field where the code needed to wrap the year value in a number to avoid a zero-games display."}