Vanilla JavaScript - Create A Simple JavaScript App to Generate QR Codes

5.0 (3)

31 learners

What you'll learn

This course includes

52 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

javascript qr code qrcode qr code generator create qr codes create a qr code qr code app javascript qr codes

Full Transcript

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