QR Code Generator

A simple and responsive QR Code Generator built using HTML, CSS, and JavaScript. This application allows users to instantly generate QR codes by entering any text or URL. The generated QR code can be scanned to quickly access the provided link or information. This project helped me practice JavaScript DOM manipulation and working with external QR code libraries.

Features

• Generate QR code from any text or URL
• User-friendly interface
• Instant QR code generation
• Display the entered link below the QR code
• Clear button to remove the generated QR code
• Responsive design

Technologies Used

• HTML5
• CSS3
• JavaScript
• QRCode.js Library

How It Works

1. Enter any text or URL in the input field.
2. Click the Generate QR Code button.
3. The QR code will be generated instantly.
4. The entered link will appear below the QR code.
5. Click the Clear button to remove the QR code and link.

Live Demo

https://sabithra-m.github.io/QR-Code-Generator/

Project Demo

Main Interface

Generated QR Code

Learning Outcomes

Through this project I learned:

• JavaScript DOM manipulation
• Event handling in JavaScript
• Creating dynamic HTML elements
• Using external JavaScript libraries
• Building interactive web applications

Future Improvements

• Download QR Code option
• Dark mode UI
• Better input validation
• Mobile-friendly improvements

Author

Sabithra M
Aspiring Frontend Developer

Connect With Me

LinkedIn: https://www.linkedin.com/in/sabithra-m/