Create A Simple JavaScript App to Generate QR Codes
Let’s create a simple QR Code generator app with JavaScript, QRcode.js and Tailwind CSS.
💻 Github Repo
https://github.com/bradtraversy/qr-code-generator
🧑💻 Live Demo
https://qrcodes.tech
💻 QRCode.js Library:
https://github.com/davidshimjs/qrcodejs
⭐ Special $9.99 Promo For My Tailwind CSS Course:
https://www.udemy.com/course/tailwind-from-scratch/?couponCode=5DAY999
⭐All Courses
https://traversymedia.com
💖 Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Traversy Media On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps:
0:00 – Intro
1:09 – Side Project Motivation
2:31 – QRCode.js Library Intro
3:16 – Dependency Setup
6:39 – Tailwind CSS Layout
20:42 – Start JavaScript & Get Form Inputs
23:03 – Show & Hide Spinner Functions
25:05 – Generate QR Code
27:28 – Clear UI Function
28:40 – Create Save Button
32:48 – Get QR Code Image Source
34:50 – Clear Button From UI
source