Eine leichtgewichtige, webbasierte Anwendung zur Erfassung und Verwaltung von Materialausgaben. Das System unterstützt die Barcode- und QR-Code-Erfassung direkt über die Kamera eines Smartphones oder Tablets und speichert alle Daten in benannten JSON-Dateien im Verzeichnis data/.
- Barcode & QR-Code Scanner: Integrierte Scan-Funktion (via
html5-qrcode) für Materialien, Personennamen oder Suchbegriffe. - Intelligente Namenskonvertierung: Erkennt Eingaben im Format
Nachname;Vorname, formatiert sie automatisch inNachname, Vornameum und wandelt die Anfangsbuchstaben in Großbuchstaben um (Title Case). - Live-Suche & Highlight: Filtert die Liste ab dem 3. Zeichen in Echtzeit und springt per Autoscroll direkt zum ersten Treffer.
- Clientseitige Sortierung: Spalten (Datum, Name, Material) lassen sich per Klick auf- und absteigend sortieren (vollständige Unterstützung von deutschen Umlauten).
- Responsive Design: Optimiert für Smartphones, Tablets und Desktops dank Tailwind CSS v4.
- Sicher & Konfliktfrei: Schutz vor XSS-Angriffen und Verhinderung von Datenverlust bei gleichzeitigen Dateizugriffen durch exklusive PHP-Dateisperren (
LOCK_EX).
- Webserver mit PHP 7.4 oder höher (z. B. Apache, Nginx).
- HTTPS-Verbindung (wird von modernen Browsern zwingend für den Zugriff auf die Kamera/den Scanner benötigt).
- Eine optionale Sounddatei namens
beep.oggim Hauptverzeichnis für akustisches Feedback beim Scannen.
- Kopiere die Projektdateien auf deinen Webserver.
- Stelle sicher, dass der Webserver Schreibrechte im
src/-Verzeichnis besitzt, damit das Unterverzeichnisdata/und die JSON-Dateien automatisch angelegt werden können.
docker compose up -d
Verzeichnisstruktur:
├── src/
│ ├── index.php # Hauptanwendung (Frontend & Backend-Logik)
│ ├── barcode.webp # Icon für die Scan-Buttons und das Favicon
│ ├── beep.ogg # (Optional) Audio-Feedback für den Scanner
│ └── data/ # Automatisch generiertes Datenverzeichnis
│ ├── liste_daten.json # Standard-Liste (kein Listenname gesetzt)
│ └── <name>_daten.json # Benannte Listen (z. B. lager_daten.json)
├── docker/
│ └── Dockerfile
└── docker-compose.yml
- 👤Dtrieb - https://www.github.com/dtrieb
- 👤dieterthiess - https://www.github.com/dieterthiess
- 👤Gemini & Claude Code
