QR Code Generator

A simple web app to generate customizable QR codes from any text or URL. Built using vanilla JavaScript, HTML5, and CSS3.

✨ Features

• Generate QR codes for both text and URLs
• Customize QR code dimensions
• Download the QR code as a PNG image
• Clean, responsive UI

📺 Live Demo

👉 Live GitHub Pages Demo

🖼️ Screenshots

Homepage view with input options

Generated QR code example

Download feature and UI layout

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• qrcode.js – JavaScript library for generating QR codes

🚀 Getting Started

To run the project locally:

# Clone the repository
git clone https://github.com/RabbanAli1122/qr-code-generator-js.git

# Navigate into the directory
cd qr-code-generator-js

# Open index.html in your browser
open index.html  # or use your file explorer

🧠 Lessons Learned

1. Captured and validated user input dynamically using JavaScript
2. Integrated external JS libraries like qrcode.js to generate QR codes
3. Implemented canvas-based image download using toDataURL()
4. Designed a responsive UI layout with CSS3 Flexbox/Grid
5. Improved experience in DOM manipulation, event handling, and minimalist design principles

📚 Acknowledgements

This project was made possible through various open-source libraries and documentation. Special thanks to the developers of qrcode.js.

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.