Create a Simple JavaScript App to Generate QR Codes

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to build a QR code generator application using JavaScript, QRcode.js library, and Tailwind CSS in this comprehensive tutorial video. Explore the process of setting up dependencies, creating a responsive layout with Tailwind CSS, implementing JavaScript functionality to generate QR codes, and adding features like a save button and clear UI function. Gain hands-on experience in handling form inputs, managing UI elements, and working with external libraries to create a practical and user-friendly web application.

Syllabus

- Intro.
- Side Project Motivation.
- QRCode.js Library Intro.
- Dependency Setup.
- Tailwind CSS Layout.
- Start JavaScript & Get Form Inputs.
- Show & Hide Spinner Functions.
- Generate QR Code.
- Clear UI Function.
- Create Save Button.
- Get QR Code Image Source.
- Clear Button From UI.