qrcodejs VS Tailwind CSS

Yet, IMHO any spreadsheet software would do. What it misses is tracking but that can be done with going from an ID, e.g number or hash or UUID, to an object and that itself can be done with generating and reading a visual code, e.g QR code. There are numerous open-source tools to generate these e.g https://github.com/davidshimjs/qrcodejs to generate then https://github.com/yushulx/javascript-barcode-qr-code-scanner to read. As long as you are coherent I'm not sure what the problem would be. If you have multiple users ideally the spreadsheet would be available via e.g NextCloud and the hash at the end of the URL would bring you to the right item or set of items e.g sheet or line.

I used a nice javascript thing to generate qr-code. https://github.com/davidshimjs/qrcodejs At the moment it is downloaded as is and checked in with my code. It feels a bit unfair, since it's not mine to have checked in, but how would I do it?

First of all you have to download this from https://davidshimjs.github.io/qrcodejs/ this is nesecarry to be downloaded because the base code isnt mine its this guy who made it.

I came across this awesome lightweight library or you can say a simple script qrcodejs. It is very easy to use and is reliable too.

In the above piece of code, we create a url variable, and create and show the qrcode variable. (creating the QRCode is basically an exact copy from the documentation at davidshimjs on github with the exception that we changed the hard coded link to the url variable we set earlier.

Lastly, Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center, and rotate-90 that can be composed to build any design, directly in your markup.

Tailwind CSS

Sidekiq is already configured along with assets, tailwindsCSS.

Finally, for our front end, we’re going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome!

You can use any frontend framework you want — react-based tooling, however, has a natural advantage as it models everything as a function of state, which can map 1:1 with the concept in Burr. In the demo app we use react, react-query, and tailwind, but we’ll be skipping over this largely (it is not central to the purpose of the post).

Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.

First, you need to make sure that you have a working Tailwind CSS project…

Tailwind CSS

With better CSS approaches like TailwindCSS and Vanilla Extract (which we're heavily using) it's much easier to maintain the UI and make sure it doesn't change unexpectedly. No more conflicting CSS classes, much less CSS specificity issues and much less CSS code in general.