HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

Exploring React 19 Features - use() Hook, Actions & More

Are You Too Dumb To Code? A Chat About Imposter Syndrome

20 Browser Extensions For Web Design & Development

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

Create A Simple JavaScript App to Generate QR Codes

HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

Exploring React 19 Features - use() Hook, Actions & More

Are You Too Dumb To Code? A Chat About Imposter Syndrome

20 Browser Extensions For Web Design & Development