QR codes are ubiquitous in our lives yet they are not easily distinguishable from each other. Current QR code makers allow changes in color or allow a small logo in the center yet none allow the entire code to be part of a logo. By incorporating an easily recognizable logo into a QR code, people will be more compelled to scan it.

What it does

The site allows the user to drag and drop an image for it to process. A bitmap is created and overlaid on top of a normal QR code exploiting the built in error correction in QR codes.

How I built it

I used HTML, CSS, and Javascript. HTML and CSS displayed the pages while the Javascript created the bitmap and QR code.

Challenges I ran into

The drag and drop feature was hard to debug.

What's next for QR Magic Generator

I plan on adding gif functionality to have movable QR codes!

+ 3 more
Share this project: