Web-App: Einkaufsliste

Eine schlanke, datenschutzfreundliche Einkaufsliste als Web-App – auf dem Home-Bildschirm wie eine normale App, mit optionaler Synchronisierung über deinen eigenen Webspace. Kein Tracking, kein Konto, keine fremden Server.

App herunterladen (aktuelle Version) Aktuell: Version 1.6.1 – ZIP, ca. 30 KB

Bestimmte Version laden: Download v1.6.1

Was die App macht

Die Einkaufsliste ist bewusst einfach gehalten: Artikel eintippen, im Laden abhaken, fertig. Mengen tippst du einfach als Zahl mit ein – 3 Äpfel, Äpfel 3 oder 2x Milch. Aus deinen bisherigen Einträgen entstehen Vorschläge, die häufigsten stehen vorne, sodass die meisten Artikel mit einem Tipp auf der Liste landen.

Du kannst deine Läden mit eigenem Icon anlegen – das Bild wählst du direkt in der App, sie verkleinert es selbst. Die Liste wird automatisch nach Laden gruppiert, in der Reihenfolge deiner Einkaufsrunde. Die App merkt sich, wo du einen Artikel üblicherweise kaufst.

Mit einem kleinen PHP-Skript auf deinem eigenen Webspace synchronisieren sich Handy und Computer. Die Daten liegen ausschließlich auf deinem Server.

Wichtige Eigenschaften

• Mengen als Zahl vor oder hinter dem Artikel
• Vorschläge aus deinem Verlauf – lange drücken entfernt einen Vorschlag
• Läden mit eigenen Icons, Liste automatisch nach Laden gruppiert
• Synchronisierung zwischen deinen Geräten (optional), abgesichert mit eigenem Schlüssel
• Startet auch ohne Netz, Änderungen werden später übertragen
• Der Server hebt die letzten 50 Stände auf – Wiederherstellen per Tipp
• Bildschirm bleibt beim Einkaufen an (abschaltbar)
• Abgehakte Artikel verschwinden nach 12 Stunden automatisch
• Oberfläche in Deutsch, Englisch, Niederländisch, Französisch, Italienisch und Spanisch
• Heller und dunkler Modus nach Systemeinstellung

Datenschutz: Die App lädt keine externen Schriften, Skripte oder Tracker. Ohne Sync bleibt die Liste nur auf deinem Gerät, mit Sync nur auf deinem eigenen Server.

Installation

Du brauchst einen Webspace mit HTTPS und PHP 7.4 oder neuer.

1. ZIP entpacken und einen Schlüssel erzeugen, z. B. mit openssl rand -hex 24.
2. Den Schlüssel in config.php eintragen – die einfachen Anführungszeichen bleiben stehen: const TOKEN = 'dein-schluessel';
3. Den Ordner shopping-list per FTP auf deinen Webspace laden.
4. Sicherstellen, dass PHP in data/ schreiben darf (meist 755, bei manchen Hostern 777). Der Ordner bleibt durch die mitgelieferte .htaccess von außen gesperrt.
5. Die Adresse am iPhone in Safari öffnen und über Teilen → Zum Home-Bildschirm hinzufügen.
6. Die App über das Icon starten, auf das Zahnrad tippen und unter Sync-Schlüssel denselben Schlüssel eintragen. Ein grüner Punkt zeigt: synchron. Auf jedem weiteren Gerät wiederholen.

Eine ausführliche Anleitung mit Prüfbefehlen und Hinweisen zu Updates liegt als README.md im ZIP.

Typische Anwendungsfälle

• Du willst eine Einkaufsliste ohne Werbung, Konto und Datensammelei.
• Du planst am Computer und kaufst mit dem Handy ein.
• Du kaufst in mehreren Läden ein und willst im Laden nur sehen, was du dort brauchst.

Changelog (Kurzfassung)

Technische Daten & Kompatibilität

• Getestet mit: iPhone (Safari, als Home-Bildschirm-App) und Firefox unter Linux
• Browser: aktuelle Versionen von Safari, Firefox, Chrome und Edge; „Bildschirm anlassen“ auf dem iPhone ab iOS 18.4
• Server: PHP 7.4+ mit Apache (für die .htaccess), keine Datenbank nötig
• Speicherung: JSON-Datei auf deinem Server, dazu die letzten 50 Stände als Sicherung
• Umfang: eine HTML-Datei, ein PHP-Skript, ein Service Worker – keine Abhängigkeiten
• Lizenz: MIT – frei nutzbar und anpassbar

Die Synchronisierung ist für eine Person mit mehreren Geräten gedacht: Die zuletzt übertragene Änderung gewinnt. Bearbeitest du auf zwei Geräten gleichzeitig offline, hilft „Vorherigen Stand wiederherstellen“ in den Einstellungen.

Zurück zur Übersicht „Downloads & Tools“