QR Code Generator

A simple, elegant web-based QR code generator that converts any text or URL into a downloadable QR code image.

Features

✨ Easy to Use - Simple and intuitive interface
🔗 Universal - Convert any text, URL, or data into QR codes
📏 Multiple Sizes - Choose from three size options (200x200, 300x300, 400x400)
💾 Download - Save generated QR codes as PNG images
🎨 Modern Design - Beautiful gradient interface with responsive layout
⚡ Fast - Instant QR code generation in your browser
🔒 Private - All processing happens locally, no data sent to servers

Demo

Simply enter your text or URL, select a size, and click "Generate QR Code" to create your QR code instantly!

Installation

1. Clone this repository or download the files:

   git clone https://github.com/Danyalkhattak/qrcode-generator.git

2. Navigate to the project directory:

   cd qrcode-generator

3. Open index.html in your web browser:

   • Double-click the file, or
   • Right-click and select "Open with" your preferred browser, or
   • Use a local server (optional)

Usage

1. Enter Text/URL: Type or paste any text, URL, or data into the text area
2. Select Size: Choose your preferred QR code size from the dropdown menu
3. Generate: Click the "Generate QR Code" button
4. Download: Click the "Download QR Code" button to save the image

Keyboard Shortcut

• Press Enter in the text area to quickly generate a QR code

Technologies Used

• HTML5 - Structure
• CSS3 - Styling with gradients and animations
• JavaScript (ES6) - QR code generation logic
• QRCode.js - QR code generation library

File Structure

qrcode/
│
├── index.html          # Main HTML file
├── style.css           # Stylesheet
├── script.js           # JavaScript logic
├── README.md           # Documentation
└── LICENSE             # MIT License

Browser Support

Works on all modern browsers:

• Chrome
• Firefox
• Safari
• Edge
• Opera

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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

Acknowledgments

• QRCode.js library by davidshimjs
• Gradient inspiration from various UI/UX design resources

Contact

For questions or suggestions, please open an issue on GitHub.

---

Made with ❤️ for the open-source community