QR Generator

A simple and responsive web-based QR Code Generator built with HTML, CSS, and JavaScript. This tool allows users to convert any text or URL into a scannable QR code, with options to download the generated image and share it across various platforms.

✨ Features

• Generate QR Codes: Easily convert text or URLs into high-quality QR codes.
• Instant Display: See your generated QR code immediately on the page.
• Download Option: Download the QR code as a PNG image for offline use.
• Share Functionality: Seamlessly share the generated QR code (and a message) using your device's native sharing capabilities (Web Share API, if supported).
• Responsive Design: Optimized for a smooth user experience across desktops, tablets, and mobile phones.
• Dynamic Copyright Year: Automatically updates the copyright year in the footer.

🚀 Technologies Used

• HTML5: For the basic structure of the web page.
• CSS3: For styling and responsiveness (Flexbox, Media Queries).
• JavaScript (ES6+): For dynamic functionality, QR code generation logic, and Web Share API integration.
• QR Server API: Utilizes https://api.qrserver.com/v1/create-qr-code/ for generating QR code images.
• Google Fonts: "Kaushan Script" for the heading font.

📦 How to Use

1. Enter Text or URL: In the input field, type or paste the text or URL you want to convert into a QR code.
2. Generate: Click the "Generate" button. The QR code will appear below the input field.
3. Download: Once the QR code is displayed, a "Download" button will appear. Click it to save the QR code image to your device.
4. Share: If your browser supports the Web Share API (common on mobile and modern desktop browsers), a "Share" button will also appear. Click it to open your device's native sharing options (e.g., WhatsApp, Email, Social Media).

💻 Local Setup (for Developers)

To run this project locally:

1. Clone the repository:

   git clone [https://github.com/DIYA-bot/QR-Generator.git](https://github.com/your-username/qr-generator.git)

2. Navigate to the project directory:

   cd QR-Generator

3. Open index.html: Simply open the index.html file in your preferred web browser. No special server setup is required as it's a client-side only application.

📄 License

This project is open-source and available under the MIT License.

📞 Contact

If you have any questions, suggestions, or just want to connect, feel free to reach out!

** Name/GitHub Profile:** Diya

Made with ❤️ in India.