ocn-w / qr-code-generator

QR Box

A QR Code Generator and Customizer

This website makes use of the library React QR Code to generate your custom text or url into a QR Code! You may also change the colors and download it for use on your webpage, business cards, whatever!

User Guide

Enter text or a custom URL of your choosing and press Generate to get started! From there, download directly or change the colors up to your liking! QR Downloads as a .PNG file.

Major Takeaways

Using state management to handle css manipulation of svg elements

Converting SVG elements to PNG to make them downloadable

Credits

React QR Code