To see the code live, please visit QR Code Scanner.

Now that the control is complete, you can see what goes into my CSHTML to add this control any page needing the ability to scan.

I want to state that I have great respect for the QuaggaJS team for their library; however, it turns out that since roughly Chrome 88, the ability to natively scan in JavaScript has been supported through the BarcodeDetector class.

For some reason, ChatGPT was very insistent I use QuaggaJS and only reluctantly explained the timing of the native API after I stumbled onto an article from Mozilla.

With so many types of codes natively supported, I could not resist turning this into a complete control to be re-used throughout Resalient CRM.

If you are familiar with Dynamics CRM and Power Pages, Dynamics has had a control like this since about 2016. I am not sure on its limitations, as I have never seen any of my Dynamics CRM clients use it.

Where might a business use this? I can imagine a small business owner sending a buying agent out to various vendors and entering the prices of commonly used materials. For example, perhaps you are a home painting business, and you regularly use specific paint products commonly found at several nearby stores. To keep accurate pricing for your business, you might regularly update your records on prices for these supplies so that you do not underquote your costs.

Or you might be a reseller who wants to keep track of your competition's pricing in a way where you can best correlate through a UPC their markup vs yours.

Or you might have event you host with QR codes generated through Resalient; when customers arrive with tickets, you can quickly scan and verify a customer's event ticket matching a record from your instance of the Resalient system.

What use case could your business benefit from having an easy to use barcode scanner? Let me know on the Contact page. I would love to hear how Resalient could be helping your business do more using less time.