Web · 2024
QR Box
Scan QR codes with the camera or from an image, and generate custom ones with your own colours and logo — a fast, responsive Next.js app.
PRJ-0005 · 202401 · Problem
Scanning and creating QR codes usually means two different apps, and many generators bury the options people actually want — colours, size, a logo — behind sign-ups.
02 · Approach
One Next.js and React app for both jobs. The scanner reads codes from the device camera or an uploaded image using react-qr-reader. The generator, built on qrcode.react, takes a URL or other content, lets you pick the code and background colours, set the size and add a logo, with a real-time preview. It has a dark mode, a Bengali interface option and a responsive layout for phones and desktops.
03 · Outcome
QR scanning and branded QR generation in one place, in the browser, on any device.
