https://github.com/bocaletto-luca/qrcode-generator

QRCode-Generator-JS is a responsive web application by Bocaletto Luca that lets users generate QR codes from text or URLs. Featuring real-time QR rendering, a sleek UI, and an option to download the generated image, this app is perfect for personal and professional use. By Bocaletto Luca
https://github.com/bocaletto-luca/qrcode-generator

bocaletto-luca css3 generator html5 javascript qr-code qrcode qrcode-generator responsive save-file web-app webapp

Last synced: about 1 month ago
JSON representation

QRCode-Generator-JS is a responsive web application by Bocaletto Luca that lets users generate QR codes from text or URLs. Featuring real-time QR rendering, a sleek UI, and an option to download the generated image, this app is perfect for personal and professional use. By Bocaletto Luca

• Host: GitHub
• URL: https://github.com/bocaletto-luca/qrcode-generator
• Owner: bocaletto-luca
• License: gpl-3.0
• Created: 2025-05-15T00:22:19.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-15T08:50:10.000Z (about 1 year ago)
• Last Synced: 2025-06-18T03:11:54.878Z (about 1 year ago)
• Topics: bocaletto-luca, css3, generator, html5, javascript, qr-code, qrcode, qrcode-generator, responsive, save-file, web-app, webapp
• Language: JavaScript
• Homepage: https://bocaletto-luca.github.io/
• Size: 23.4 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# QRCode-Generator-JS

#### Author: Bocaletto Luca

QRCode-Generator-JS is a responsive web application developed by Bocaletto Luca that allows users to generate QR codes from any text or URL in real time. The app features a sleek, professional user interface and provides an option to download the generated QR code as a PNG image.

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)

[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![License: GPLv3](https://img.shields.io/badge/License-GPLv3-blue?style=flat-square)](LICENSE)

[![Open Source](https://img.shields.io/badge/Open%20Source-Yes-brightgreen?style=flat-square)]()

[![Responsive](https://img.shields.io/badge/Responsive-Yes-blue?style=flat-square)]()

[![Multi-Platform](https://img.shields.io/badge/Multi--Platform-Yes-blueviolet?style=flat-square)]()

[![Web App](https://img.shields.io/badge/Web%20App-Yes-orange?style=flat-square)]()

## Features

- **Real-time QR Code Generation:** Enter text or URLs to instantly generate a QR code.

- **Download QR Code:** Save the generated QR code image directly to your device.

- **Responsive Design:** Optimized for both desktop and mobile devices.

- **Sleek and Minimal UI:** Clean design for a professional look.

## Technologies Used

- **HTML5**

- **CSS3**

- **JavaScript (ES6+)**

- **[QRCode.js](https://github.com/davidshimjs/qrcodejs):** A lightweight library for generating QR codes.

## Installation

1. Clone the repository:

git clone https://github.com/BocalettoLuca/QRCode-Generator-JS.git

2. Navigate to the project directory:

cd QRCode-Generator-JS

3. Open the `index.html` file in your web browser. You can open the file directly or use a local development server (for example, use the Live Server extension in Visual Studio Code).

## Usage

1. **Enter Text or URL:**  

   Fill in the input field with your desired text or URL.

2. **Generate QR Code:**  

   Click the **Generate QR Code** button to create the QR code, which will be rendered in the designated area.

3. **Download the QR Code:**  

   Once the QR code is generated, click the **Save QR Code** button to download the image as `qrcode.png`.

## Contributing

Contributions are welcome! To contribute:

1. Fork the repository.

2. Create a new branch:

git checkout -b feature/your-feature-name

3. Commit your changes:

git commit -m "Add some feature"

4. Push to your branch:

git push origin feature/your-feature-name

5. Open a pull request with a detailed description of your changes.

## License

This project is licensed under the GPL v3. See the LICENSE file for details.

## Contact

For any questions or suggestions, please contact Bocaletto Luca and visit website here [site-https://bocaletto-luca.github.io](site:https://bocaletto-luca.github.io).