https://dhafermalouche.net/tag/flashcards/flashcardsWowchemy (https://wowchemy.com)en-usDhafer Malouche © 2026Sun, 23 Aug 2026 00:00:00 +0000https://dhafermalouche.net/media/icon_hu294da7f24af66942b94b8e240e33fe59_2153342_512x512_fill_lanczos_center_3.pnghttps://dhafermalouche.net/tag/flashcards/https://dhafermalouche.net/apps/stat481revision/Sun, 23 Aug 2026 00:00:00 +0000https://dhafermalouche.net/apps/stat481revision/<p>An offline-first revision web app (PWA) for <strong>STAT 481 — Multivariate Analysis</strong>, Qatar University, Fall 2026. It is the multivariate companion to the <a href="https://stat312-revision.netlify.app/" target="_blank" rel="noopener">STAT 312 revision app</a>, built on the same principle: a student should be able to revise the whole course from a phone, on a plane, with no account and no network.</p> <h2 id="content-is-extracted-not-rewritten">Content is extracted, not rewritten</h2> <p>The distinguishing feature of this app is that <strong>no content is authored inside it</strong>. A build-time extractor walks the course&rsquo;s own LaTeX sources and pulls out every definition, theorem, fact, formula, R chunk and exam question. Each item carries the file, the environment and the line it came from, and prints a short stable reference such as <code>L11-fact-01</code> that resolves straight back to that line in the notes. R output is copied verbatim from the session that produced the notes; a chunk that printed nothing ships without output rather than with invented output.</p> <p>An editorial override layer sits on top of the extractor for the cases where the notes need a gloss, and a content-fingerprint identity map keeps item ids stable across re-extraction, so a student&rsquo;s progress survives a rebuild of the bank. A validation gate refuses to deploy on any failure — a broken KaTeX macro fails at build time, with a file and a line, instead of reaching a phone as raw <code>\bSigma</code>.</p> <h2 id="what-the-app-does">What the app does</h2> <ul> <li><strong>Revise by stage.</strong> The course is divided into seven stages, each with a hand-drawn plate, grouping the lectures into coherent study blocks.</li> <li><strong>Flashcards with spaced repetition.</strong> A Leitner scheduler drives the review queue, weighted by how near the next assessment is.</li> <li><strong>Formula index.</strong> Every formula in the course, searchable, rendered with KaTeX at build time.</li> <li><strong>R lab.</strong> The R snippets of the course with their verbatim output, so the code a student revises is the code that produced the figures in the notes.</li> <li><strong>Timed practice exams.</strong> Past quizzes and the midterm, gated by date: a paper becomes available the day after it is administered, enforced independently at both the curation and the validation step.</li> <li><strong>Figures.</strong> The 56 figures of the course, converted from the LaTeX PDFs to whichever of SVG or WebP is smaller over the wire.</li> <li><strong>Progress.</strong> Per-item and per-stage progress, stored in IndexedDB on the device.</li> </ul> <h2 id="privacy-and-technical-notes">Privacy and technical notes</h2> <p>Nothing leaves the device: no account, no server, no analytics, no third-party request of any kind. Type and mathematics are self-hosted, so the app renders identically offline.</p> <p>The build is <strong>Vite + TypeScript</strong> with <strong>no UI framework at run time</strong> — a hand-rolled hash router, a small signal store, and template-literal rendering, giving an app shell of about 12 KB gzipped. A hand-written service worker caches the shell and the generated content bank, which is committed and deployed alongside the app because the build host has no access to the course LaTeX repository. Deployed on Netlify.</p>https://dhafermalouche.net/apps/stat312revision/Wed, 05 Aug 2026 00:00:00 +0000https://dhafermalouche.net/apps/stat312revision/<p>An offline-first revision web app (PWA) for <strong>STAT 312 — Stochastic Processes</strong>, Qatar University, Fall 2026. It gathers everything a student needs to revise the course into a single installable app that works with no network connection after first load.</p> <h2 id="what-the-app-does">What the app does</h2> <ul> <li><strong>Semester timeline.</strong> A live countdown to each quiz and to the midterm, and a 14-week timeline of the syllabus with the assignment and quiz milestones marked on each week.</li> <li><strong>Revise by stage.</strong> Per-stage revision hubs that group the material of the course into focused study units, each linking out to the relevant flashcards, worked examples, and formulas.</li> <li><strong>Flashcards.</strong> A spaced-repetition flashcard deck for the definitions, theorems, and key results of the course.</li> <li><strong>Practice quizzes.</strong> An interactive quiz engine built from the Fall 2026 sample quizzes and practice material, with instant feedback and worked solutions.</li> <li><strong>Formula sheet.</strong> A searchable, KaTeX-rendered formula sheet covering the whole course.</li> <li><strong>Worked examples &amp; FAQ.</strong> Step-by-step solved problems and answers to the questions students ask most often.</li> </ul> <h2 id="technical-notes">Technical notes</h2> <p>The app is a fully static, backend-free Progressive Web App built with vanilla HTML/CSS/JS (ES modules) — no framework and no build step. Mathematics is rendered with <strong>KaTeX</strong>, self-hosted so it renders offline. A service worker caches the app shell and all content, so the whole app (about 1 MB) installs on a student&rsquo;s phone and works completely offline. It follows the Qatar University maroon (<code>#8A1538</code>) visual identity, is mobile-first with light and dark modes, and stores all student progress locally in the browser — no accounts and no data leaving the device. The static bundle is deployed on Netlify.</p>