whole app

icon-maskable.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- Full bleed background for maskable (safe zone is inner 80%) -->
+  <rect width="512" height="512" fill="#4F46E5"/>
+  <!-- Book spine -->
+  <rect x="138" y="110" width="26" height="292" rx="8" fill="#A5B4FC"/>
+  <!-- Book cover -->
+  <rect x="158" y="110" width="216" height="292" rx="8" fill="white"/>
+  <!-- Lines -->
+  <rect x="190" y="162" width="150" height="14" rx="7" fill="#C7D2FE"/>
+  <rect x="190" y="194" width="130" height="14" rx="7" fill="#C7D2FE"/>
+  <rect x="190" y="226" width="150" height="14" rx="7" fill="#C7D2FE"/>
+  <rect x="190" y="258" width="110" height="14" rx="7" fill="#C7D2FE"/>
+  <!-- Graduation cap -->
+  <path d="M256 74 L318 102 L256 130 L194 102 Z" fill="white"/>
+  <rect x="308" y="102" width="6" height="28" rx="3" fill="white"/>
+  <circle cx="311" cy="133" r="8" fill="#A5B4FC"/>
+</svg>

icon.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <!-- Background -->
+  <rect width="512" height="512" rx="90" fill="#4F46E5"/>
+  <!-- Book spine -->
+  <rect x="138" y="110" width="26" height="292" rx="8" fill="#A5B4FC"/>
+  <!-- Book cover -->
+  <rect x="158" y="110" width="216" height="292" rx="8" fill="white"/>
+  <!-- Lines representing text -->
+  <rect x="190" y="162" width="150" height="14" rx="7" fill="#C7D2FE"/>
+  <rect x="190" y="194" width="130" height="14" rx="7" fill="#C7D2FE"/>
+  <rect x="190" y="226" width="150" height="14" rx="7" fill="#C7D2FE"/>
+  <rect x="190" y="258" width="110" height="14" rx="7" fill="#C7D2FE"/>
+  <!-- Graduation cap on top -->
+  <path d="M256 74 L318 102 L256 130 L194 102 Z" fill="white"/>
+  <rect x="308" y="102" width="6" height="28" rx="3" fill="white"/>
+  <circle cx="311" cy="133" r="8" fill="#A5B4FC"/>
+</svg>

manifest.json

@@ -0,0 +1,24 @@
+{
+  "name": "Credit Tracker",
+  "short_name": "Credits",
+  "description": "Track your university courses, grades and credits",
+  "start_url": "./index.html",
+  "display": "standalone",
+  "background_color": "#F3F4F6",
+  "theme_color": "#4F46E5",
+  "orientation": "portrait",
+  "icons": [
+    {
+      "src": "icon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "icon-maskable.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "maskable"
+    }
+  ]
+}

readme.md

@@ -0,0 +1,17 @@
+I need your help for a small web app i'd like to make.
+
+I take a lot of courses and i need to plannify when to take them and how much they give.
+
+Each course has this attributes:
+- Study plan
+    - Block
+- name
+- credits
+- semester (Autumn or Spring)
+- Grade (if >= 4 or block.mean() >= 4, passed, else, failed)
+
+I'd like to have it as a small webapp i can use on my phone, where i can easily manage my different semester (being able to create one), add my grade, manage my study plan (able to add course to a new plan, an existing one or without study plan), choose the block the course is in (if in a study plan)
+
+Everything must be sumerized into tables (global, per study plan, per semester)
+
+Can you help me?

sw.js

@@ -0,0 +1,48 @@
+const CACHE_NAME = 'credittracker-v2';
+const ASSETS = [
+  './index.html',
+  './manifest.json',
+  './icon.svg',
+  './icon-maskable.svg'
+];
+
+// Install: pre-cache all app shell files
+self.addEventListener('install', event => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then(cache => cache.addAll(ASSETS))
+  );
+  self.skipWaiting();
+});
+
+// Activate: clean up old caches
+self.addEventListener('activate', event => {
+  event.waitUntil(
+    caches.keys().then(keys =>
+      Promise.all(keys.filter(k => k !== CACHE_NAME).map(k => caches.delete(k)))
+    )
+  );
+  self.clients.claim();
+});
+
+// Fetch: cache-first for app files, network-first for everything else
+self.addEventListener('fetch', event => {
+  // Only handle same-origin GET requests
+  if (event.request.method !== 'GET') return;
+
+  event.respondWith(
+    caches.match(event.request).then(cached => {
+      if (cached) return cached;
+      return fetch(event.request).then(response => {
+        // Cache successful responses for app assets
+        if (response.ok) {
+          const clone = response.clone();
+          caches.open(CACHE_NAME).then(cache => cache.put(event.request, clone));
+        }
+        return response;
+      });
+    }).catch(() => {
+      // Offline fallback: return the app shell
+      return caches.match('./index.html');
+    })
+  );
+});