MATTES.DEV

Projekte

Woran ich baue

Aktuelle Arbeiten: zwei native Apple-Apps, ein E-Paper-Hardware-Projekt, eine Open-Source-Komponentenbibliothek und diese Website.

2025 → · Live

Clessira

Eine local-first Zeiterfassung für macOS, iPhone und iPad. Die Daten liegen in einer lokalen JSON-Datei; weder ein Konto noch eine serverseitige Komponente ist erforderlich. Leerlauferkennung mit Rückfragen, Pivot-Auswertung, Jira-Import, Git-Branch-Awareness, sandboxed Export-Skripte, Einmalkauf statt Abo. Im Mac App Store erhältlich.

  • macOS
  • Swift
  • Local-first
  • Datenschutz

2026 → · Aktiv

WordPace

Eine Sprechtempo-Anzeige für iPhone und Mac. Das Limit wird in Wörtern pro Minute festgelegt; während des Sprechens zeigt die Anzeige eine Warnung, sobald das Tempo darüber liegt. Gemessen wird über die Sprechzeit, sodass Pausen nicht als vermindertes Tempo zählen. 45 Vortragssprachen mit je eigenem Limit; das Mikrofonsignal wird auf dem Gerät verarbeitet und danach verworfen. Ein Kauf für beide Plattformen.

  • iOS
  • macOS
  • Swift
  • On-Device

2026 → · Aktiv

reTerminal Departure Board

Eine E-Paper-Abfahrtstafel für den Stuttgarter VVS, auf einem Seeed reTerminal E1001 (ESP32-S3, 7,5" E-Paper). Die ESPHome-Firmware holt und parst Live-Abfahrten der öffentlichen EFA-API direkt auf dem Gerät; drei Haltestellen werden zu einer sortierten Liste zusammengeführt, ohne Zwischenserver.

  • ESPHome
  • ESP32-S3
  • E-Paper
  • YAML

2026 → · v1.0

EPaper Components

Eine Web-Component-Bibliothek für elektrophoretische Displays: gut achtzig Custom Elements, kein Framework, keine Laufzeit-Abhängigkeiten. Auf Animationen, Hover-Zustände und Re-Renders wird wegen des Refresh-Verhaltens der Panels verzichtet; Interaktionszustände werden stattdessen über Invertierung und Schraffuren abgebildet. Alle interaktiven Controls sind formularfähig, das CSS liegt bei rund 5 KB gzip. Auf npm unter MIT.

  • Web Components
  • TypeScript
  • E-Paper
  • Design-System

2026 → · Aktiv

mattes.dev

Diese Website. Handgeschriebenes HTML und CSS ohne Framework, ohne Build-Schritt und ohne jede Drittanbieter-Anfrage — cookiefrei und DSGVO-freundlich by design. Inline-Skripte sind in der Content-Security-Policy per SHA-256-Hash festgeschrieben.

  • HTML
  • CSS
  • Kein Build
  • A11y