diff --git a/index.html b/index.html
index 561429f..106455f 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -23,16 +23,17 @@
             id="resetDemoButton"
             title="Reload demo checks"
           >
-            <span aria-hidden="true">R</span>
+            <span aria-hidden="true">⟳</span>
             Reset demo
           </button>
+
           <button
             class="primary-button"
             type="button"
             id="exportButton"
             title="Export checklist as CSV"
           >
-            <span aria-hidden="true">CSV</span>
+            <span aria-hidden="true">📥</span>
             Export CSV
           </button>
         </nav>
@@ -46,9 +47,11 @@ <h1 id="pageTitle">Launch readiness command center</h1>
             before a client website goes live.
           </p>
         </div>
+
         <div class="readiness-card" aria-live="polite">
           <span class="metric-label">Readiness score</span>
           <strong id="scoreValue">0%</strong>
+
           <div class="progress-track" aria-hidden="true">
             <span class="progress-fill" id="scoreBar"></span>
           </div>
@@ -60,14 +63,17 @@ <h1 id="pageTitle">Launch readiness command center</h1>
           <span>Total checks</span>
           <strong id="totalCount">0</strong>
         </article>
+
         <article class="metric-card">
           <span>Fixed</span>
           <strong id="fixedCount">0</strong>
         </article>
+
         <article class="metric-card">
           <span>Critical open</span>
           <strong id="criticalCount">0</strong>
         </article>
+
         <article class="metric-card">
           <span>Due this week</span>
           <strong id="dueSoonCount">0</strong>
@@ -78,6 +84,7 @@ <h1 id="pageTitle">Launch readiness command center</h1>
         <aside class="panel add-panel" aria-labelledby="addCheckTitle">
           <div class="section-heading">
             <span class="section-icon" aria-hidden="true">+</span>
+
             <div>
               <h2 id="addCheckTitle">Add launch check</h2>
               <p>Create a check item for the launch team.</p>
@@ -134,7 +141,11 @@ <h2 id="addCheckTitle">Add launch check</h2>
 
               <label>
                 Owner
-                <input id="ownerInput" type="text" placeholder="Team member" />
+                <input
+                  id="ownerInput"
+                  type="text"
+                  placeholder="Team member"
+                />
               </label>
             </div>
 
@@ -147,6 +158,7 @@ <h2 id="addCheckTitle">Add launch check</h2>
               <span aria-hidden="true">+</span>
               Add check
             </button>
+
             <p class="form-message" id="formMessage" role="status"></p>
           </form>
         </aside>
@@ -154,23 +166,28 @@ <h2 id="addCheckTitle">Add launch check</h2>
         <section class="panel list-panel" aria-labelledby="checklistTitle">
           <div class="list-header">
             <div class="section-heading">
-              <span class="section-icon" aria-hidden="true">OK</span>
+              <span class="section-icon" aria-hidden="true">✓</span>
+
               <div>
                 <h2 id="checklistTitle">Launch checklist</h2>
                 <p id="listSummary">No checks loaded yet.</p>
               </div>
             </div>
+
             <div class="filters" aria-label="Checklist filters">
               <label class="search-field">
                 <span class="sr-only">Search checks</span>
+
                 <input
                   id="searchInput"
                   type="search"
                   placeholder="Search title, category, owner..."
                 />
               </label>
+
               <label>
                 <span class="sr-only">Filter by status</span>
+
                 <select id="statusFilter">
                   <option value="All">All statuses</option>
                   <option value="Pending">Pending</option>
@@ -179,8 +196,10 @@ <h2 id="checklistTitle">Launch checklist</h2>
                   <option value="Blocked">Blocked</option>
                 </select>
               </label>
+
               <label>
                 <span class="sr-only">Filter by priority</span>
+
                 <select id="priorityFilter">
                   <option value="All">All priorities</option>
                   <option value="Low">Low</option>
@@ -205,6 +224,7 @@ <h2 id="checklistTitle">Launch checklist</h2>
                   <th scope="col">Actions</th>
                 </tr>
               </thead>
+
               <tbody id="checkRows"></tbody>
             </table>
           </div>
@@ -218,19 +238,22 @@ <h2 id="checklistTitle">Launch checklist</h2>
 
       <section class="panel activity-panel" aria-labelledby="activityTitle">
         <div class="section-heading">
-          <span class="section-icon" aria-hidden="true">i</span>
+          <span class="section-icon" aria-hidden="true">📋</span>
+
           <div>
             <h2 id="activityTitle">Debuggable activity feed</h2>
+
             <p>
               Recent actions are shown here so students can verify whether UI
               events really fired.
             </p>
           </div>
         </div>
+
         <ol id="activityLog" class="activity-log"></ol>
       </section>
     </main>
 
     <script src="js/app.js"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
index 5dc8d87..7ecc584 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1,5 +1,5 @@
 const STORAGE_SAVE_KEY = "launchdesk-v1-items";
-const STORAGE_LOAD_KEY = "launchdesk-items-v1"; // Intentional bug: this key should match STORAGE_SAVE_KEY.
+const STORAGE_LOAD_KEY = "launchdesk-v1-items";
 
 const demoChecks = [
   {
@@ -89,9 +89,9 @@ const exportButton = document.getElementById("exportButton");
 const activityLog = document.getElementById("activityLog");
 
 let checks = loadChecks();
-let currentView = checks;
+let currentView = [...checks];
 
-form.addEventListener("submit", (event) => handleAddChek(event)); // Intentional bug: misspelled function name.
+form.addEventListener("submit", (event) => handleAddCheck(event));
 searchInput.addEventListener("input", applyFilters);
 statusFilter.addEventListener("change", applyFilters);
 priorityFilter.addEventListener("change", applyFilters);
@@ -107,14 +107,14 @@ function loadChecks() {
   const saved = localStorage.getItem(STORAGE_LOAD_KEY);
 
   if (!saved) {
-    return [...demoChecks];
+    return JSON.parse(JSON.stringify(demoChecks));
   }
 
   try {
     return JSON.parse(saved);
   } catch (error) {
     console.warn("Could not parse saved launch checks.", error);
-    return [...demoChecks];
+    return JSON.parse(JSON.stringify(demoChecks));
   }
 }
 
@@ -130,10 +130,10 @@ function handleAddCheck(event) {
   const priority = priorityInput.value;
   const status = statusInput.value;
   const owner = ownerInput.value.trim() || "Unassigned";
-  const dueDate = dueDateInput.value || new Date().toISOString().slice(0, 10);
+  const dueDate =
+    dueDateInput.value || new Date().toISOString().slice(0, 10);
 
-  if (!title && !category) {
-    // Intentional bug: validation should stop when either required field is missing.
+  if (!title || !category) {
     formMessage.textContent =
       "Please enter a check title and choose a category.";
     return;
@@ -163,16 +163,25 @@ function applyFilters() {
   const selectedStatus = statusFilter.value;
   const selectedPriority = priorityFilter.value;
 
-  let filtered = checks.filter((check) =>
-    check.owner.toLowerCase().includes(searchTerm),
-  ); // Intentional bug: search should include title, category, priority, status, and owner.
+  let filtered = checks.filter(
+    (check) =>
+      check.title.toLowerCase().includes(searchTerm) ||
+      check.category.toLowerCase().includes(searchTerm) ||
+      check.priority.toLowerCase().includes(searchTerm) ||
+      check.status.toLowerCase().includes(searchTerm) ||
+      check.owner.toLowerCase().includes(searchTerm)
+  );
 
   if (selectedStatus !== "All") {
-    filtered = filtered.filter((check) => check.priority === selectedStatus);
-  } // Intentional bug: status filter compares against priority.
+    filtered = filtered.filter(
+      (check) => check.status === selectedStatus
+    );
+  }
 
   if (selectedPriority !== "All") {
-    filtered = filtered.filter((check) => check.priority === selectedPriority);
+    filtered = filtered.filter(
+      (check) => check.priority === selectedPriority
+    );
   }
 
   currentView = filtered;
@@ -185,57 +194,86 @@ function renderApp() {
 }
 
 function renderRows(list) {
+  if (!checkRows) return;
+
   checkRows.innerHTML = "";
   emptyState.hidden = list.length !== 0;
   listSummary.textContent = `${list.length} of ${checks.length} checks shown`;
 
-  const rows = list.map((check) => {
+  if (list.length === 0) return;
+
+  for (let i = 0; i < list.length; i++) {
+    const check = list[i];
+    const row = document.createElement("tr");
+
     const priorityClass = `priority-${check.priority.toLowerCase()}`;
-    const statusClass = `status-${check.status.toLowerCase()}`; // Intentional bug: "In Progress" needs a slug class.
-
-    return `
-      <tr>
-        <td>
-          <span class="check-title">
-            <strong>${escapeHtml(check.title)}</strong>
-            <span>${escapeHtml(check.notes)}</span>
-          </span>
-        </td>
-        <td>${escapeHtml(check.category)}</td>
-        <td><span class="priority-pill ${priorityClass}">${escapeHtml(check.priority)}</span></td>
-        <td><span class="status-badge ${statusClass}">${escapeHtml(check.status)}</span></td>
-        <td>${escapeHtml(check.owner)}</td>
-        <td>${formatDate(check.dueDate)}</td>
-        <td>
-          <span class="row-actions">
-            <select data-status-id="${check.id}" aria-label="Update status for ${escapeHtml(check.title)}">
-              ${["Pending", "In Progress", "Fixed", "Blocked"]
-                .map(
-                  (status) => `
-                <option value="${status}" ${status === check.status ? "selected" : ""}>${status}</option>
-              `,
-                )
-                .join("")}
-            </select>
-            <button class="icon-button" type="button" data-remove-id="${check.id}" title="Delete check">
-              x
-            </button>
-          </span>
-        </td>
-      </tr>
+    const statusSlug = check.status.toLowerCase().replace(/\s+/g, "-");
+    const statusClass = `status-${statusSlug}`;
+
+    row.innerHTML = `
+      <td>
+        <span class="check-title">
+          <strong>${escapeHtml(check.title)}</strong>
+          <span>${escapeHtml(check.notes)}</span>
+        </span>
+      </td>
+      <td>${escapeHtml(check.category)}</td>
+      <td><span class="priority-pill ${priorityClass}">${escapeHtml(
+      check.priority
+    )}</span></td>
+      <td><span class="status-badge ${statusClass}">${escapeHtml(
+      check.status
+    )}</span></td>
+      <td>${escapeHtml(check.owner)}</td>
+      <td>${formatDate(check.dueDate)}</td>
+      <td>
+        <span class="row-actions">
+          <select data-status-id="${
+            check.id
+          }" aria-label="Update status for ${escapeHtml(check.title)}">
+            <option value="Pending" ${
+              check.status === "Pending" ? "selected" : ""
+            }>Pending</option>
+            <option value="In Progress" ${
+              check.status === "In Progress" ? "selected" : ""
+            }>In Progress</option>
+            <option value="Fixed" ${
+              check.status === "Fixed" ? "selected" : ""
+            }>Fixed</option>
+            <option value="Blocked" ${
+              check.status === "Blocked" ? "selected" : ""
+            }>Blocked</option>
+          </select>
+          <button class="icon-button" type="button" data-remove-id="${
+            check.id
+          }" title="Delete check">
+            ✗
+          </button>
+        </span>
+      </td>
     `;
-  });
 
-  checkRows.innerHTML = rows.join("");
+    checkRows.appendChild(row);
+  }
 }
 
 function updateMetrics() {
   const total = checks.length;
-  const fixed = checks.filter((check) => check.status === "Complete").length; // Intentional bug: valid fixed status is "Fixed".
+
+  const fixed = checks.filter(
+    (check) => check.status === "Fixed"
+  ).length;
+
   const criticalOpen = checks.filter(
-    (check) => check.priority === "Critical" && check.status !== "Fixed",
+    (check) =>
+      check.priority === "Critical" && check.status !== "Fixed"
   ).length;
-  const dueSoon = checks.filter((check) => daysUntil(check.dueDate) > 7).length; // Intentional bug: this should count items due within 7 days.
+
+  const dueSoon = checks.filter((check) => {
+    const days = daysUntil(check.dueDate);
+    return days <= 7 && days >= 0;
+  }).length;
+
   const score = total === 0 ? 0 : Math.round((fixed / total) * 100);
 
   totalCount.textContent = total;
@@ -244,18 +282,22 @@ function updateMetrics() {
   dueSoonCount.textContent = dueSoon;
   scoreValue.textContent = `${score}%`;
   scoreBar.style.width = `${score}%`;
+
+  console.log(`Score updated: ${fixed}/${total} = ${score}%`);
 }
 
 function handleTableClick(event) {
-  const deleteButton = event.target.closest("[data-delete-id]"); // Intentional bug: button uses data-remove-id.
+  const deleteButton = event.target.closest("[data-remove-id]");
 
   if (!deleteButton) {
     return;
   }
 
-  const id = Number(deleteButton.dataset.deleteId);
+  const id = Number(deleteButton.dataset.removeId);
   const removed = checks.find((check) => check.id === id);
+
   checks = checks.filter((check) => check.id !== id);
+
   saveChecks();
   applyFilters();
   logActivity(`Deleted "${removed?.title || "launch check"}".`);
@@ -269,37 +311,78 @@ function handleStatusChange(event) {
   }
 
   const id = Number(statusSelect.dataset.statusId);
+
   const check = checks.find((item) => item.id === id);
 
   if (!check) {
     return;
   }
 
-  check.status = statusSelect.value;
-  renderRows(currentView);
-  logActivity(`Changed "${check.title}" to ${check.status}.`);
-  // Intentional bug: status changes should save, update filters, and refresh metrics.
+  const oldStatus = check.status;
+  const newStatus = statusSelect.value;
+
+  check.status = newStatus;
+
+  saveChecks();
+  applyFilters();
+
+  logActivity(
+    `Changed "${check.title}" from ${oldStatus} to ${newStatus}.`
+  );
 }
 
-async function resetDemoData() {
-  formMessage.textContent = "";
+function resetDemoData() {
+  console.log("=== RESET BUTTON CLICKED ===");
+
+  checks = [];
+
+  for (let i = 0; i < demoChecks.length; i++) {
+    checks.push({
+      id: demoChecks[i].id,
+      title: demoChecks[i].title,
+      category: demoChecks[i].category,
+      priority: demoChecks[i].priority,
+      status: demoChecks[i].status,
+      owner: demoChecks[i].owner,
+      dueDate: demoChecks[i].dueDate,
+      notes: demoChecks[i].notes,
+    });
+  }
 
-  try {
-    const response = await fetch("data/launch-seed.json"); // Intentional bug: real file is data/launch-checks.json.
+  console.log("Checks reset to:", checks.length, "items");
 
-    if (!response.ok) {
-      throw new Error(`Demo data request failed with ${response.status}`);
-    }
+  localStorage.setItem(STORAGE_SAVE_KEY, JSON.stringify(checks));
 
-    checks = await response.json();
-    saveChecks();
-    applyFilters();
-    logActivity("Demo checklist reloaded from JSON.");
-  } catch (error) {
-    console.error(error);
-    formMessage.textContent =
-      "Could not reload demo checks. Check the Network tab.";
+  statusFilter.value = "All";
+  priorityFilter.value = "All";
+  searchInput.value = "";
+
+  currentView = [...checks];
+
+  renderRows(currentView);
+  updateMetrics();
+
+  const item = document.createElement("li");
+
+  item.textContent = `${new Date().toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+  })} - Demo checklist reloaded from demo data.`;
+
+  activityLog.prepend(item);
+
+  while (activityLog.children.length > 5) {
+    activityLog.lastElementChild.remove();
   }
+
+  formMessage.textContent =
+    "✅ Demo reset complete! Original data restored.";
+
+  setTimeout(() => {
+    formMessage.textContent = "";
+  }, 2000);
+
+  console.log("=== RESET COMPLETE ===");
 }
 
 function exportCsv() {
@@ -311,35 +394,55 @@ function exportCsv() {
     "Owner",
     "Due Date",
   ];
-  const rows = currentView.map((check) => [
-    check.name, // Intentional bug: property should be check.title.
+
+  const dataToExport =
+    currentView.length > 0 ? currentView : checks;
+
+  const rows = dataToExport.map((check) => [
+    check.title,
     check.category,
     check.priority,
     check.status,
     check.owner,
     check.dueDate,
   ]);
+
   const csv = [header, ...rows]
     .map((row) =>
       row
-        .map((value) => `"${String(value ?? "").replaceAll('"', '""')}"`)
-        .join(","),
+        .map((value) =>
+          `"${String(value ?? "").replaceAll('"', '""')}"`
+        )
+        .join(",")
     )
     .join("\n");
 
-  const blob = new Blob([csv], { type: "text/csv;charset=utf-8" });
+  const blob = new Blob([csv], {
+    type: "text/csv;charset=utf-8",
+  });
+
   const url = URL.createObjectURL(blob);
+
   const link = document.createElement("a");
+
   link.href = url;
-  link.download = "launchdesk-checks.csv";
+  link.download = `launchdesk-checks-${Date.now()}.csv`;
+
   link.click();
+
   URL.revokeObjectURL(url);
-  logActivity("Exported the current checklist view.");
+
+  logActivity(`Exported ${dataToExport.length} checks to CSV.`);
 }
 
 function logActivity(message) {
   const item = document.createElement("li");
-  item.textContent = `${new Date().toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })} - ${message}`;
+
+  item.textContent = `${new Date().toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+  })} - ${message}`;
+
   activityLog.prepend(item);
 
   while (activityLog.children.length > 5) {
@@ -351,6 +454,7 @@ function daysUntil(dateValue) {
   const today = new Date();
   const target = new Date(dateValue);
   const difference = target.getTime() - today.getTime();
+
   return Math.ceil(difference / 86400000);
 }
 
@@ -372,5 +476,5 @@ function escapeHtml(value) {
     .replaceAll("<", "&lt;")
     .replaceAll(">", "&gt;")
     .replaceAll('"', "&quot;")
-    .replaceAll("'", "&#039;");
-}
+    .replaceAll("'", "&#39;");
+}
\ No newline at end of file
