qr_generator
Coming SoonView Code
Overview
`qr_generator` is a front-end utility project with a stronger product feel than a plain demo. It treats QR generation as a design problem, not just a one-field encoder.Why it is more than a demo
Generating a QR code is easy. Building a QR tool that feels useful is harder. I wanted users to be able to style, brand, preview, and decode QR codes in one place without the interface feeling cluttered.
What I built
- Separate generate and decode modes in the same application.
- Styling controls, icon selection, and branded output options.
- A responsive preview workflow so the final QR stays visible while settings change.
Technical details
- React and TypeScript with a Vite build setup.
- QR generation with multiple export formats.
- Decoding support with
`jsqr`. - Theme and style systems layered on top of the core QR generation workflow.
UX decisions
- Keep controls and preview side by side on larger screens.
- Allow custom icons and uploaded logos so the output is usable for real branding.
- Treat export quality and format choice as first-class features, not an afterthought.
Current status
This repository is a good example of polishing a focused utility into something closer to a real product.
>Newsletter
Stay Updated
Get notified when I publish new articles, tutorials, and project updates. Subscribe for insights and actionable content.