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

You May Also Like