QR Code Generator

A modern and responsive QR Code Generator built using HTML, CSS, and JavaScript. Generate QR codes instantly from any text or URL, customize colors, choose different sizes, download the generated QR code, and share it directly from supported browsers.

📸 Screenshot

---

🚀 Features

• Generate QR codes instantly
• Custom dark and light QR colors
• Multiple QR code sizes (100x100 to 1000x1000)
• Download QR code as PNG
• Share QR code directly using the Web Share API
• Responsive design for mobile and desktop
• Real-time QR code updates

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• QRCode.js Library

---

📂 Project Structure

OR-CODE-GENERATOR/
│
├── screenshot/
│   └── QR-Code-Generator.png
│
├── app.js
├── style.css
├── index.html
├── download.svg
├── share.svg
└── README.md

---

⚙️ Installation

1. Clone the Repository

git clone https://github.com/utkarsh1-a11y/qr-code-generator.git

2. Navigate to the Project Folder

cd qr-code-generator

3. Open the Project

Simply open index.html in your browser.

Or use VS Code Live Server:

Right Click → Open with Live Server

---

🎯 Usage

1. Enter any text or URL.
2. Select your preferred QR code size.
3. Choose custom dark and light colors.
4. Download the QR code using the Download button.
5. Share the QR code directly from supported devices and browsers.

---

📱 Browser Support

Browser	Support
Chrome	✅
Edge	✅
Firefox	✅
Safari	✅
Mobile Browsers	✅

Note: The Share feature requires browser support for the Web Share API.

---

🌟 Future Improvements

• QR code logo embedding
• QR code history
• Copy QR image to clipboard
• Dark/Light mode toggle
• QR code scanning feature
• Multiple export formats (SVG, JPG)

---

📄 License

This project is created for learning and educational purposes. Feel free to use, modify, and improve it for your own projects.

---