MEAN Stack Logo

MEAN Stack Tutorial

QR Code Generator

Web App Demo


qr-code

How does it work?
The data encoded within a QR code - comprised of either numeric and alphanumeric characters, bytes, or kanji - converts into a unique two-dimensional arrangement of squares (or “data-modules”). The data is then translated back to its original, human-intelligible form when read by an optical scanner, such as that of a smartphone camera.

The key components of any QR are code are the data modules, position markers, and what is referred to as the “quiet zone”. The data modules are the black squares, which spatially make up the majority of the code, that translate the encoded data in a way that the scanner can interpret. The position markers are the three larger squares, each consisting of an inner and outer eye, positioned at the corners of the code and serve to make the data modules and scanning direction quickly and accurately locatable by scanners and cameras. Lastly, there is the quiet zone: the component which allows code readers to optically place the beginning and end of the code as indicated by the blank area surrounding all of the other components collectively

Our QR code generator, written in JavaScript, is one such example of this structure. To demonstrate, type anything into the text field below the code and click the “Generator QR code” button further below to generate a new code!