diff --git a/.prettierignore b/.prettierignore
index fc6d402..6c8c5dc 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -7,4 +7,5 @@ backend/package-lock.json
 
 # Vendored / generated assets
 frontend/js/jquery.min.js
+frontend/js/plausible.js
 *.min.js
diff --git a/backend/package-lock.json b/backend/package-lock.json
index 1870b1e..c3e7fbf 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -8,6 +8,7 @@
       "name": "fizika-admin-backend",
       "version": "1.0.0",
       "dependencies": {
+        "@plausible-analytics/tracker": "^0.4.5",
         "cors": "^2.8.6",
         "express": "^5.2.1",
         "helmet": "^8.2.0",
@@ -20,6 +21,12 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/@plausible-analytics/tracker": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/@plausible-analytics/tracker/-/tracker-0.4.5.tgz",
+      "integrity": "sha512-6BfAGejXY+YA3Cw6LYT2Zpn4hTxDtPQAawFsYUsQCOg78wIS5C4deAGXTfJffa5VleMWITv5lpJ/EYuQBl1tPA==",
+      "license": "MIT"
+    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
diff --git a/backend/package.json b/backend/package.json
index 44a6245..5cc3a4c 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -9,6 +9,7 @@
     "test": "node --test"
   },
   "dependencies": {
+    "@plausible-analytics/tracker": "^0.4.5",
     "express": "^5.2.1",
     "multer": "^2.1.1",
     "cors": "^2.8.6",
diff --git a/backend/public/admin.js b/backend/public/admin.js
index a864d8a..74cbfcd 100644
--- a/backend/public/admin.js
+++ b/backend/public/admin.js
@@ -1,11 +1,5 @@
 const API_BASE = window.location.origin;
 
-window.plausible =
-  window.plausible ||
-  function () {
-    (window.plausible.q = window.plausible.q || []).push(arguments);
-  };
-
 // Escape user-supplied text before interpolating it into HTML, to prevent XSS.
 function escapeHtml(value) {
   return String(value).replace(
diff --git a/backend/public/index.html b/backend/public/index.html
index 516206b..aa1c522 100644
--- a/backend/public/index.html
+++ b/backend/public/index.html
@@ -4,12 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Fizika Admin - Kérdések és képek kezelése</title>
-    <script
-      defer
-      data-domain="fizika.schmelczer.dev"
-      data-api="https://stats.schmelczer.dev/status"
-      src="https://stats.schmelczer.dev/js/script.file-downloads.hash.outbound-links.js"
-    ></script>
+    <script type="module" src="stats.js"></script>
     <style>
       * {
         margin: 0;
diff --git a/backend/public/stats.js b/backend/public/stats.js
new file mode 100644
index 0000000..8e9a3b9
--- /dev/null
+++ b/backend/public/stats.js
@@ -0,0 +1,12 @@
+import { init } from "/vendor/plausible.js";
+
+// Plausible analytics via the official npm tracker (@plausible-analytics/tracker).
+// server.js serves /vendor/plausible.js straight from node_modules.
+init({
+  domain: "fizika.schmelczer.dev",
+  endpoint: "https://stats.schmelczer.dev/status",
+  autoCapturePageviews: true,
+  outboundLinks: true,
+  fileDownloads: true,
+  hashBasedRouting: true,
+});
diff --git a/backend/server.js b/backend/server.js
index a12823e..3938d95 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -37,6 +37,14 @@ app.use(
 app.use(express.json({ limit: "100mb" }));
 app.use(express.static("public"));
 
+// Serve the official Plausible tracker (npm: @plausible-analytics/tracker) from node_modules.
+const plausibleTrackerPath =
+  require.resolve("@plausible-analytics/tracker/plausible.js");
+
+app.get("/vendor/plausible.js", (req, res) => {
+  res.sendFile(plausibleTrackerPath);
+});
+
 // File paths
 const DATA_PATH =
   process.env.DATA_PATH || path.join(__dirname, "../frontend/fizika.json");
diff --git a/frontend/index.html b/frontend/index.html
index 76356d1..d8bc8f4 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -56,19 +56,7 @@
     <script src="js/jquery.min.js"></script>
     <script src="js/load.js"></script>
     <script src="js/fizika.js"></script>
-    <script
-      defer
-      data-domain="fizika.schmelczer.dev"
-      data-api="https://stats.schmelczer.dev/status"
-      src="https://stats.schmelczer.dev/js/script.file-downloads.hash.outbound-links.js"
-    ></script>
-    <script>
-      window.plausible =
-        window.plausible ||
-        function () {
-          (window.plausible.q = window.plausible.q || []).push(arguments);
-        };
-    </script>
+    <script type="module" src="js/stat.js"></script>
   </head>
   <body onresize="aspect()">
     <div id="titlebox">
diff --git a/frontend/js/fizika.js b/frontend/js/fizika.js
index b104137..28f002f 100644
--- a/frontend/js/fizika.js
+++ b/frontend/js/fizika.js
@@ -1,7 +1,6 @@
 var isSearch = false;
 var totalPoints = 0;
-var currentPoints = 0;
-var correctAnswersGiven = 0;
+var loadedQuestions = [];
 var timer = 0;
 var startTimer = 0;
 var reviewMode = 0;
@@ -17,7 +16,7 @@ function aspect() {
 async function ajaxLoad(type) {
   reviewMode = 0;
   totalPoints = 0;
-  currentPoints = 0;
+  loadedQuestions = [];
   $("#state").html("");
   $("#state2").html("");
   $("#percentage").html("");
@@ -92,6 +91,8 @@ async function ajaxLoad(type) {
     ) {
       $("#megoldas").show();
       $("#state").html("Feladatok sikeresen letöltve!");
+      startTimer = 1;
+      timer = 0;
     }
   } catch (error) {
     $("#loadingGif").hide();
@@ -116,87 +117,80 @@ async function ajaxLoad(type) {
   }
 }
 
-function showCorrect(id, correctAns) {
-  teszt(id, correctAns);
-  eval(
-    "$('" +
-      "#label" +
-      id +
-      ".rad" +
-      correctAns +
-      "').css('background-color', '#C6FF8C');",
-  );
+// Colour a single question green/red depending on whether the user selected
+// its correct answer, and report whether they got it right.
+function gradeQuestion(question) {
+  var div = "#feladat" + question.id;
+  var selected = "#form" + question.id + " #rad" + question.correct;
+  var isCorrect = $(selected).is(":checked");
+  $(div).animate({ backgroundColor: isCorrect ? "#C6FF8C" : "#FF808C" }, 1100);
+  return isCorrect;
+}
+
+// Grade every question currently on screen and return the score as a string
+// percentage (e.g. "66.67"). Grading the whole known set in one pass replaces
+// the old per-question click handlers, which accumulated across loads and
+// could save bogus results.
+function scoreLoadedQuestions() {
+  var correctAnswersGiven = 0;
+  loadedQuestions.forEach(function (question) {
+    if (gradeQuestion(question)) correctAnswersGiven++;
+  });
+  var percentage = (correctAnswersGiven / totalPoints) * 100;
+  percentage = Math.round(percentage * 100) / 100;
+  return percentage.toFixed(2);
+}
+
+// "Kiértékelés": grade the answers and, unless we are already reviewing, save
+// the result once.
+function evaluate() {
+  if (!loadedQuestions.length) return;
+  var percentage = scoreLoadedQuestions();
+  $("#percentage").html("Eredmény: " + percentage + "%");
+  $("#state").html("Válaszok leellenőrizve!");
+
+  if (isLocal && !reviewMode) {
+    saveResult(percentage);
+    reviewMode = 1;
+  }
+}
+
+// "Helyes megoldások": reveal the correct answers. This is a review action, so
+// we enter review mode *before* grading to guarantee it can never overwrite a
+// previously saved result.
+function showCorrect() {
+  if (!loadedQuestions.length) return;
+  reviewMode = 1;
+  var percentage = scoreLoadedQuestions();
+  loadedQuestions.forEach(function (question) {
+    $("#label" + question.id + ".rad" + question.correct).css(
+      "background-color",
+      "#C6FF8C",
+    );
+  });
+  $("#percentage").html("Eredmény: " + percentage + "%");
   $("#state").html("Helyes válaszok bejelölve!");
+  $("#state2").show();
   $("#state2").html(
     "(Ellenőrző mód, az itteni eredményeid nem kerülnek elmentésre, a módból való kilépéshez tölts be egy új tesztsort!)",
   );
 }
 
-function teszt(id, correctAns) {
-  var div = "#feladat" + id;
-  var correct = "#form" + id + " #rad" + correctAns;
-  var isCorrect = $(correct).is(":checked");
-  currentPoints++;
-  if (isCorrect) {
-    $(div).animate({ backgroundColor: "#C6FF8C" }, 1100);
-    correctAnswersGiven++;
-  } else {
-    $(div).animate({ backgroundColor: "#FF808C" }, 1100);
-  }
-  if (currentPoints >= totalPoints) {
-    var percentage = (correctAnswersGiven / totalPoints) * 100;
-    percentage = Math.round(percentage * 100) / 100;
-    percentage = percentage.toFixed(2);
-    $("#percentage").html("Eredmény: " + percentage + "%");
-    $("#state").html("Válaszok leellenőrizve!");
-    if (isLocal && !reviewMode) {
-      var datum = new Date();
-      var ido = Math.round(timer / 60);
-      eval(
-        "localStorage.teszt" +
-          numberOfPreviousTests +
-          " = '" +
-          percentage +
-          "'",
-      );
-      eval(
-        "localStorage.teszt" +
-          numberOfPreviousTests +
-          "date = '" +
-          datum.toLocaleDateString() +
-          "'",
-      );
-      eval(
-        "localStorage.teszt" + numberOfPreviousTests + "time = '" + ido + "'",
-      );
-      eval(
-        "localStorage.teszt" +
-          numberOfPreviousTests +
-          "total = '" +
-          totalPoints +
-          "'",
-      );
-      startTimer = 0;
-      timer = 0;
-      $("#state2").show();
-      $("#state2").html(
-        "Eredményed mentésre került! Ellenőrző módba belépve az eredményeid nem kerülnek tárolásra. A módból való kilépéshez tölts be egy új tesztsort!",
-      );
-      eredmeny();
-      reviewMode = 1;
-    }
-    currentPoints = 0;
-    correctAnswersGiven = 0;
-  }
-}
-
-function scrollTo(where) {
-  $("html, body").animate(
-    {
-      scrollTop: $(where).offset().top - 100,
-    },
-    1000,
+function saveResult(percentage) {
+  var datum = new Date();
+  var ido = Math.round(timer / 60);
+  localStorage["teszt" + numberOfPreviousTests] = percentage;
+  localStorage["teszt" + numberOfPreviousTests + "date"] =
+    datum.toLocaleDateString();
+  localStorage["teszt" + numberOfPreviousTests + "time"] = ido;
+  localStorage["teszt" + numberOfPreviousTests + "total"] = totalPoints;
+  startTimer = 0;
+  timer = 0;
+  $("#state2").show();
+  $("#state2").html(
+    "Eredményed mentésre került! Ellenőrző módba belépve az eredményeid nem kerülnek tárolásra. A módból való kilépéshez tölts be egy új tesztsort!",
   );
+  eredmeny();
 }
 
 function howMany() {
@@ -266,28 +260,13 @@ setInterval(function () {
 $(document).ready(function () {
   eredmeny();
 
-  // Initialize year dropdown with dynamic years from question data
-  if (typeof initializeYearDropdown === "function") {
-    initializeYearDropdown().then(() => {
-      // Initialize month dropdown for default "all" year selection
-      if (typeof initializeMonthDropdown === "function") {
-        initializeMonthDropdown("all/");
-      }
-    });
-  }
+  // Populate the year dropdown, then the month dropdown for the default "all".
+  initializeYearDropdown().then(() => initializeMonthDropdown("all/"));
 
   $(window).on("mousewheel", function () {
     $("body").stop();
   });
 
-  $(document).ajaxError(function (event, jqxhr, settings) {
-    if (!settings.secondExec) {
-      settings.secondExec = true;
-      setTimeout(function () {
-        $.ajax(settings);
-      }, 500);
-    }
-  });
   aspect();
 
   $("#bfooldal").click(function () {
@@ -333,36 +312,7 @@ $(document).ready(function () {
     isSearch = false;
   });
   $("#evszam").change(function () {
-    const selectedYear = $("#evszam").val();
-
-    // Initialize month dropdown dynamically based on selected year
-    if (typeof initializeMonthDropdown === "function") {
-      initializeMonthDropdown(selectedYear);
-    } else {
-      // Fallback to original logic if dynamic function not available
-      if (selectedYear == "2006/") {
-        $(".f2006").show();
-        $(".f2016").hide();
-        $(".f").hide();
-        $(".fnem17").hide();
-      } else if (selectedYear == "2016/") {
-        $(".f2006").hide();
-        $(".f2016").show();
-        $(".f").show();
-        $(".fnem17").show();
-      } else if (selectedYear == "2017/") {
-        $(".f2006").hide();
-        $(".f2016").hide();
-        $(".f").show();
-        $(".fnem17").hide();
-      } else {
-        $(".f2006").hide();
-        $(".f2016").hide();
-        $(".f").show();
-        $(".fnem17").show();
-      }
-    }
-
+    initializeMonthDropdown($("#evszam").val());
     $("#honap").val("all");
   });
 
@@ -391,6 +341,14 @@ $(document).ready(function () {
   $("#load").click(function (event) {
     ajaxLoad(isSearch ? 1 : 3);
   });
+  $("#ans").click(function (event) {
+    event.preventDefault();
+    evaluate();
+  });
+  $("#cAns").click(function (event) {
+    event.preventDefault();
+    showCorrect();
+  });
   $(".scroll").click(function () {
     $("body").animate(
       {
diff --git a/frontend/js/load.js b/frontend/js/load.js
index 0d36dfa..c3d01c6 100644
--- a/frontend/js/load.js
+++ b/frontend/js/load.js
@@ -72,13 +72,24 @@ const loadQuestions = async (
     );
   }
 
-  resultHtml = "";
-
   currentQuestions = currentQuestions.slice(0, questionCount);
+
+  // Remember the exact set being shown. The two action buttons ("Kiértékelés"
+  // and "Helyes megoldások") are bound once in fizika.js and grade this whole
+  // set in a single pass. Previously each question injected its own #ans/#cAns
+  // click handler; those were never removed, so they piled up across loads and
+  // ended up grading stale (already-removed) questions, saving bogus 0%
+  // results over the user's history.
+  loadedQuestions = currentQuestions.map(({ id, correct }) => ({
+    id: Number(id),
+    correct: Number(correct),
+  }));
+  totalPoints = loadedQuestions.length;
+
+  let resultHtml = "";
   currentQuestions.forEach(
-    ({ id, source, description, a, b, c, d, correct, image }, i) => {
+    ({ id, source, description, a, b, c, d, image }, i) => {
       const qid = Number(id);
-      const correctAnswer = Number(correct);
       const safeImage = image ? encodeURIComponent(image) : "";
       resultHtml += `
       <div class="feladat card" id="feladat${qid}">
@@ -104,31 +115,15 @@ const loadQuestions = async (
               : ""
           }
         </form>
-        <script type="text/javascript">
-          $(document).ready(function(){
-              totalPoints++;
-              $("#ans").click(function(event){
-                  event.preventDefault();
-                  teszt(${qid}, ${correctAnswer});
-              });
-              $("#cAns").click(function(event){
-                  event.preventDefault();
-                  showCorrect(${qid}, ${correctAnswer});
-              });
-          });
-        </script>
       </div>
       `;
     },
   );
 
-  resultHtml +=
-    currentQuestions.length === 0
-      ? '<div class="buttonwrapper"><b style="font-size: 2rem;">Nem található a keresésnek megfelelő feladat!</b></div>'
-      : `<script type="text/javascript">
-            startTimer = 1;
-            timer = 0;
-          </script>`;
+  if (currentQuestions.length === 0) {
+    resultHtml =
+      '<div class="buttonwrapper"><b style="font-size: 2rem;">Nem található a keresésnek megfelelő feladat!</b></div>';
+  }
 
   return resultHtml;
 };
@@ -200,7 +195,7 @@ const initializeMonthDropdown = (selectedYear) => {
     // Convert to sorted array and create options
     const uniqueMonths = Array.from(monthSet).sort();
     uniqueMonths.forEach((month) => {
-      monthOptions += `<option value="${month}" class="fdynamic">${getMonthLabel(month)}</option>`;
+      monthOptions += `<option value="${month}">${getMonthLabel(month)}</option>`;
     });
   } else {
     // Extract year from selected value (e.g., "2024/" -> "2024")
@@ -220,44 +215,39 @@ const initializeMonthDropdown = (selectedYear) => {
     // Special handling for known year patterns
     if (year === "2006") {
       // Preserve existing 2006 logic but add any new months found
-      monthOptions +=
-        '<option value="1" class="f2006">Február-Március</option>';
-      monthOptions += '<option value="2" class="f2006">Május-Június</option>';
-      monthOptions +=
-        '<option value="3" class="f2006">Október-November</option>';
+      monthOptions += '<option value="1">Február-Március</option>';
+      monthOptions += '<option value="2">Május-Június</option>';
+      monthOptions += '<option value="3">Október-November</option>';
 
       // Add any dynamic months not covered by the standard ones
       uniqueMonths.forEach((month) => {
         if (!["1", "2", "3"].includes(month)) {
-          monthOptions += `<option value="${month}" class="f2006">${getMonthLabel(month)}</option>`;
+          monthOptions += `<option value="${month}">${getMonthLabel(month)}</option>`;
         }
       });
     } else if (year === "2016") {
       // Preserve existing 2016 logic but add any new months found
-      monthOptions += '<option value="1" class="f">Május-Június</option>';
-      monthOptions += '<option value="2" class="f">Október-November</option>';
-      monthOptions +=
-        '<option value="m1" class="f2016">1. Mintafeladatsor</option>';
-      monthOptions +=
-        '<option value="m2" class="f2016">2. Mintafeladatsor</option>';
-      monthOptions +=
-        '<option value="m3" class="f2016">3. Mintafeladatsor</option>';
+      monthOptions += '<option value="1">Május-Június</option>';
+      monthOptions += '<option value="2">Október-November</option>';
+      monthOptions += '<option value="m1">1. Mintafeladatsor</option>';
+      monthOptions += '<option value="m2">2. Mintafeladatsor</option>';
+      monthOptions += '<option value="m3">3. Mintafeladatsor</option>';
 
       // Add any dynamic months not covered
       uniqueMonths.forEach((month) => {
         if (!["1", "2", "m1", "m2", "m3"].includes(month)) {
-          monthOptions += `<option value="${month}" class="f">${getMonthLabel(month)}</option>`;
+          monthOptions += `<option value="${month}">${getMonthLabel(month)}</option>`;
         }
       });
     } else if (year === "2017") {
       // Preserve existing 2017 logic but add any new months found
-      monthOptions += '<option value="1" class="f">Május-Június</option>';
-      monthOptions += '<option value="2" class="f">Október-November</option>';
+      monthOptions += '<option value="1">Május-Június</option>';
+      monthOptions += '<option value="2">Október-November</option>';
 
       // Add any dynamic months
       uniqueMonths.forEach((month) => {
         if (!["1", "2"].includes(month)) {
-          monthOptions += `<option value="${month}" class="f">${getMonthLabel(month)}</option>`;
+          monthOptions += `<option value="${month}">${getMonthLabel(month)}</option>`;
         }
       });
     } else {
@@ -266,16 +256,16 @@ const initializeMonthDropdown = (selectedYear) => {
       const hasStandard2 = uniqueMonths.includes("2");
 
       if (hasStandard1) {
-        monthOptions += '<option value="1" class="f">Május-Június</option>';
+        monthOptions += '<option value="1">Május-Június</option>';
       }
       if (hasStandard2) {
-        monthOptions += '<option value="2" class="f">Október-November</option>';
+        monthOptions += '<option value="2">Október-November</option>';
       }
 
       // Add any non-standard months
       uniqueMonths.forEach((month) => {
         if (!["1", "2"].includes(month)) {
-          monthOptions += `<option value="${month}" class="f">${getMonthLabel(month)}</option>`;
+          monthOptions += `<option value="${month}">${getMonthLabel(month)}</option>`;
         }
       });
     }
diff --git a/frontend/js/plausible.js b/frontend/js/plausible.js
new file mode 100644
index 0000000..b2718cd
--- /dev/null
+++ b/frontend/js/plausible.js
@@ -0,0 +1,2 @@
+var e,t,n,i,o={};function r(){return new URL(e.src).origin+"/api/event"}function a(e){return Object.assign(e,{autoCapturePageviews:!1!==e.autoCapturePageviews,logging:!1!==e.logging,bindToWindow:!1!==e.bindToWindow})}function u(e){if(o.isInitialized)throw Error("plausible.init() can only be called once");if(!e||!e.domain)throw Error("plausible.init(): domain argument is required");e.endpoint||(e.endpoint="https://plausible.io/api/event"),Object.assign(o,e),o.isInitialized=!0}function s(e,t,n){window.fetch&&fetch(e,{method:"POST",headers:{"Content-Type":"text/plain"},keepalive:!0,body:JSON.stringify(t)}).then(function(e){n&&n.callback&&n.callback({status:e.status})}).catch(function(e){n&&n.callback&&n.callback({error:e})})}var c=!1,l=location.href,d={},f=-1,p=0,v=0;function m(){c&&(g(),n=E(),i=L())}function h(e){t=!1,l=e.u,d=e.p,f=-1,v=0,p=Date.now(),y()}function w(){t=!0}function g(){var e=k();if(!t&&(f<i||e>=3e3)){f=i;var r={n:"engagement",sd:Math.round(i/n*100),d:o.domain,u:l,p:d,e:e,v:34};p=0,v=0,o.hashBasedRouting&&(r.h=1),s(o.endpoint,r)}}function b(){"visible"===document.visibilityState&&document.hasFocus()&&0===p?p=Date.now():"hidden"!==document.visibilityState&&document.hasFocus()||(v=k(),p=0,g())}function y(){c||(document.addEventListener("visibilitychange",b),window.addEventListener("blur",b),window.addEventListener("focus",b),c=!0)}function k(){return p?v+(Date.now()-p):v}function E(){var e=document.body||{},t=document.documentElement||{};return Math.max(e.scrollHeight||0,e.offsetHeight||0,e.clientHeight||0,t.scrollHeight||0,t.offsetHeight||0,t.clientHeight||0)}function L(){var e,t;return e=window.innerHeight,t=window.scrollY,n<=e?n:t+e}function S(){n=E(),i=L(),new ResizeObserver(function(){n=E()}).observe(document.documentElement),document.addEventListener("scroll",function(){var e=L();e>i&&(i=e)})}function track(e,t){if(!o.isInitialized)throw Error("plausible.track() can only be called after plausible.init()");var n,i="pageview"===e;if(i&&m(),!o.captureOnLocalhost){if(/^localhost$|^127(\.[0-9]+){0,2}\.[0-9]+$|^\[::1?\]$/.test(location.hostname)||"file:"===location.protocol)return x(e,t,"localhost");if((window._phantom||window.__nightmare||window.navigator.webdriver||window.Cypress)&&!window.__plausible)return x(e,t)}try{if("true"===window.localStorage.plausible_ignore)return x(e,t,"localStorage flag")}catch(e){}var r={};r.n=e,r.v=34;var a=t&&(t.u||t.url);if(r.u=a||location.href,r.d=o.domain,r.r=document.referrer||null,t&&t.props&&(r.p=t.props),t&&!1===t.interactive&&(r.i=!1),t&&t.revenue&&(r.$=t.revenue),o.customProperties){var n=o.customProperties;"function"==typeof n&&(n=o.customProperties(e)),"object"==typeof n&&(r.p=Object.assign({},n,r.p))}if(o.hashBasedRouting&&(r.h=1),"function"==typeof o.transformRequest&&!(r=o.transformRequest(r)))return x(e,t,"transformRequest");i&&h(r),s(o.endpoint,r,t)}function x(e,t,n){n&&o.logging&&console.warn("Ignoring Event: "+n),t&&t.callback&&t.callback(),"pageview"===e&&w()}var DEFAULT_FILE_TYPES=["pdf","xlsx","docx","txt","rtf","csv","exe","key","pps","ppt","pptx","7z","pkg","rar","gz","zip","avi","mov","mp4","mpeg","wmv","midi","mp3","wav","wma","dmg"],D=1,_=3,N=DEFAULT_FILE_TYPES;function P(e){for(;e&&(void 0===e.tagName||!C(e)||!e.href);)e=e.parentNode;return e}function C(e){return e&&e.tagName&&"a"===e.tagName.toLowerCase()}function R(e,t){if(e.defaultPrevented)return!1;var n=t.target;return(!n||"string"==typeof n&&!!n.match(/^_(self|parent|top)$/i))&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey&&"click"===e.type}function T(e){if("auxclick"!==e.type||e.button===D){var t=P(e.target),n=t&&"string"==typeof t.href&&t.href.split("?")[0];if(!I(t,0)){if(o.outboundLinks&&O(t))return F(e,t,{name:"Outbound Link: Click",props:{url:t.href}});if(o.fileDownloads&&z(n))return F(e,t,{name:"File Download",props:{url:n}})}}}function F(e,t,n){var i;(i={props:n.props}).revenue=n.revenue,track(n.name,i)}function O(e){return e&&"string"==typeof e.href&&e.host&&e.host!==location.host}function z(e){if(!e)return!1;var t=e.split(".").pop();return N.some(function(e){return e===t})}function H(e){var t=e&&e.classList;if(t){for(var n=0;n<t.length;n++)if(t.item(n).match(/plausible-event-name(=|--)(.+)/))return!0}return!1}function I(e,t){return!!e&&!(t>_)&&(!!H(e)||I(e.parentNode,t+1))}function j(e){var t=H(e)?e:e&&e.parentNode,n={name:null,props:{}};n.revenue={};var i=t&&t.classList;if(!i)return n;for(var o=0;o<i.length;o++){var r,a,u=i.item(o),s=u.match(/plausible-event-(.+)(=|--)(.+)/);s&&(r=s[1],a=s[3].replace(/\+/g," "),"name"==r.toLowerCase()?n.name=a:n.props[r]=a);var c=u.match(/plausible-revenue-(.+)(=|--)(.+)/);c&&(r=c[1],a=c[3],n.revenue[r]=a)}return n}function A(){function e(e){if("auxclick"!==e.type||e.button===D){for(var t,n,i,o=e.target,r=0;r<=_&&o;r++){if((t=o)&&t.tagName&&"form"===t.tagName.toLowerCase())return;C(o)&&(n=o),H(o)&&(i=o),o=o.parentNode}if(i){var a=j(i);if(n)a.props.url=n.href,F(e,n,a);else{var u={};u.props=a.props,u.revenue=a.revenue,track(a.name,u)}}}}document.addEventListener("click",T),document.addEventListener("auxclick",T),o.fileDownloads&&"object"==typeof o.fileDownloads&&Array.isArray(o.fileDownloads.fileExtensions)&&(N=o.fileDownloads.fileExtensions),o.formSubmissions&&document.addEventListener("submit",function(e){(e.target.hasAttribute("novalidate")||e.target.checkValidity())&&(I(e.target,0)||track("Form: Submission"))},!0),document.addEventListener("submit",function(e){var t,n=j(e.target);n.name&&((t={props:n.props}).revenue=n.revenue,track(n.name,t))}),document.addEventListener("click",e),document.addEventListener("auxclick",e)}function $(track){function e(e){(o.hashBasedRouting||!e||t!==location.pathname)&&(t=location.pathname,track("pageview"))}var t,n=function(){e(!0)};if(o.hashBasedRouting)window.addEventListener("hashchange",n);else{var i=window.history;if(i.pushState){var r=i.pushState;i.pushState=function(){r.apply(this,arguments),n()},window.addEventListener("popstate",n)}}"hidden"===document.visibilityState||"prerender"===document.visibilityState?document.addEventListener("visibilitychange",function(){t||"visible"!==document.visibilityState||e()}):e(),window.addEventListener("pageshow",function(t){t.persisted&&e()})}function init(e){u(a(e||{})),S(),o.autoCapturePageviews&&$(track),A(),o.bindToWindow&&"undefined"!=typeof window&&(window.plausible=track,window.plausible.s="npm",window.plausible.v=34,window.plausible.l=!0)}
+export { init, track, DEFAULT_FILE_TYPES }
\ No newline at end of file
diff --git a/frontend/js/stats.js b/frontend/js/stats.js
new file mode 100644
index 0000000..cf38e63
--- /dev/null
+++ b/frontend/js/stats.js
@@ -0,0 +1,10 @@
+import { init } from "./plausible.js";
+
+init({
+  domain: "fizika.schmelczer.dev",
+  endpoint: "https://stats.schmelczer.dev/status",
+  autoCapturePageviews: true,
+  outboundLinks: true,
+  fileDownloads: true,
+  hashBasedRouting: true,
+});
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..aa6af97
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,22 @@
+{
+  "name": "fizika-frontend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "fizika-frontend",
+      "version": "1.0.0",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@plausible-analytics/tracker": "^0.4.5"
+      }
+    },
+    "node_modules/@plausible-analytics/tracker": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/@plausible-analytics/tracker/-/tracker-0.4.5.tgz",
+      "integrity": "sha512-6BfAGejXY+YA3Cw6LYT2Zpn4hTxDtPQAawFsYUsQCOg78wIS5C4deAGXTfJffa5VleMWITv5lpJ/EYuQBl1tPA==",
+      "license": "MIT"
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..7edf12d
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "fizika-frontend",
+  "version": "1.0.0",
+  "description": "Static frontend for the Fizika practice app",
+  "private": true,
+  "scripts": {
+    "vendor": "cp node_modules/@plausible-analytics/tracker/plausible.js js/plausible.js",
+    "postinstall": "npm run vendor"
+  },
+  "dependencies": {
+    "@plausible-analytics/tracker": "^0.4.5"
+  }
+}