video1.0<iframe src="https://www.loom.com/embed/eef15a00bf6748e3b28a9c6f5c13dd04" frameborder="0" width="1726" height="1294" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>12941726Loomhttps://www.loom.com12941726https://cdn.loom.com/sessions/thumbnails/eef15a00bf6748e3b28a9c6f5c13dd04-494089c9227855a6.gif933.331This Loom explains how the author built a smart home security dashboard with login, role-based access, and dynamic filtering. They demonstrate the UI showing multiple cameras with offline and online statuses, local storage flags isAdminLogin and isLogin turning false on logout, and 404 handling that redirects back to login. The core implementation discussion focuses on using context in App.jsx to pass an imported products array into DashBot and render each item via ItemCardComponent, plus React Router with a layout route and authorization guarding dashboard access. They also cover the filter buttons logic for all, camera, sensor, and window categories, and describe a bug caused by a mistaken setIsAdminLogin versus isAdminLogin variable that led to “already authenticated” behavior without an error.