QR Code Generator

Project Overview

The QR Code Generator is a simple web application that allows users to create, preview, and download QR codes instantly from any text or link. It has a clean, modern interface and works completely offline once loaded in a browser.

Screenshots

Key Features

Real-time QR code generation
Customizable size, color, and error correction level
Instant live preview using the canvas element
Download options in PNG and SVG formats
Clear and random data buttons
Responsive and offline-ready design

Functionality

Users enter text or a URL to generate a QR code
Adjust QR code size, color, and error correction level
View an instant preview of the generated QR code
Download the QR code as PNG or SVG
Clear the form or generate random data for testing

Technology Used

HTML5: Structure and layout of the application
CSS3: Styling and responsive design
JavaScript (ES6): Logic and interactivity
qrcode.js: Library for generating QR codes
Canvas API: Rendering and exporting QR codes

Why This Project Is Useful

This project demonstrates how to build a fully functional, interactive web app using only front-end technologies. It’s ideal for learning about JavaScript logic, library integration, and handling user inputs without needing a backend.