<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/83d4ba0df94f4d50a409a84866faf990&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/83d4ba0df94f4d50a409a84866faf990-20265f6350a12296.gif</thumbnail_url><duration>300.724</duration><title>Task Management App Built with Modular JavaScript</title><description>In this Loom, I walk through my Canban task management dashboard. I built it with modular JavaScript, dynamically fetched tasks using the fetch API, and used local storage for persistence. On load, main.js checks local storage first, otherwise it fetches tasks, saves them, then sorts them by priority before rendering. taskmanage.js handles creating, editing, and deleting tasks while keeping local storage and the UI in sync. I also demonstrate adding new tasks, sorting by priority, and deleting with a confirm button.</description></oembed>