Uploaded August 2022 | Updated September 2026, 2 weeks ago

---

Let's create a simple QR Code generator app with JavaScript, QRcode.js and Tailwind CSS.

💻 Github Repo
github.com/bradtraversy/qr-code-generator

🧑‍💻 Live Demo
https://qrcodes.tech

💻 QRCode.js Library:
github.com/davidshimjs/qrcodejs

⭐ Special $9.99 Promo For My Tailwind CSS Course:
udemy.com/course/tailwind-from-scratch/?couponCode=5DAY999

⭐All Courses
traversymedia.com

💖 Show Support
Patreon: patreon.com/traversymedia
PayPal: paypal.me/traversymedia

👇 Follow Traversy Media On Social Media:
Twitter: twitter.com/traversymedia
Instagram: instagram.com/traversymedia
Linkedin: 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