Haben Sie schon einmal die sprichwörtliche Nadel im Heuhaufen gesucht? Machen Sie sich einen Spaß daraus und spielen Sie “Qr Haystack”!

So einfach funktioniert es

Drucken Sie das angehängte PDF aus und schneiden Sie die QR-Codes aus. Werfen Sie alle auf einen Haufen, sodass Ihr Tisch aussieht, als hätten Sie ihn noch nie aufgeräumt. Nehmen Sie ihr Android, iOS oder ein anderes Gerät mit Kamera und Web-Browser zur Hand.

Weidmannsheil!

Vom Hay- zum Technologie-Stack

Die Webapp wurde mit Nuxt 3 geschrieben und wird statisch generiert. Server-Funktionen sind für den Einsatz nicht notwendig und die Applikation kann deshalb res­sour­cen­scho­nend gehostet werden. Das Processing des Kamerainputs erfolgt direkt im Browser mithilfe des Node Modules “html5-qrcode“, das wiederum die Library “Zxing-js” verwendet. Der Code wurde ausschließlich in TypeScript geschrieben.

Hier geht es zum Code.