Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alkaison/qrcode-generator
A convenient tool that generates QR codes, enabling users to encode various types of information such as URLs, text, contact information, or Wi-Fi credentials into scannable codes for easy sharing and quick access with download option.
https://github.com/alkaison/qrcode-generator
html-css-javascript projects qr-generator qrcode qrcode-generator
Last synced: about 2 months ago
JSON representation
A convenient tool that generates QR codes, enabling users to encode various types of information such as URLs, text, contact information, or Wi-Fi credentials into scannable codes for easy sharing and quick access with download option.
- Host: GitHub
- URL: https://github.com/alkaison/qrcode-generator
- Owner: Alkaison
- License: mit
- Created: 2023-06-22T16:54:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-06-24T16:00:48.000Z (over 1 year ago)
- Last Synced: 2024-05-02T05:49:07.578Z (9 months ago)
- Topics: html-css-javascript, projects, qr-generator, qrcode, qrcode-generator
- Language: JavaScript
- Homepage: https://alkaison.github.io/QRCode-Generator/
- Size: 79.1 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QR Code Generator
A QR code generator built using HTML, CSS, and JavaScript, along with the qrcodejs library. It allows users to generate QR codes of different sizes (128x128, 256x256, and 512x512) by encoding various types of information such as URLs, text, contact information, or Wi-Fi credentials into scannable codes. The generated QR codes can be easily downloaded for sharing and quick access. Checkout here: https://alkaison.github.io/QRCode-Generator/
## Features
- Generates QR codes for URLs, text, contact information, or Wi-Fi credentials.
- Supports QR code sizes of 128x128, 256x256, and 512x512.
- Provides a convenient download option for saving generated QR codes.
- Lightweight and easy to use.
- Supports customization through HTML, CSS, and JavaScript.## Usage
To use the QR code generator in your own project, follow these steps:
1. Clone the repository or download the source code.
2. Include this script in your `index.html` file to include the QR Code library:```html
```
3. Create an HTML container element where the QR code will be displayed:
```html
```4. Initialize the QR code generator by calling the `generateQRCode` function with the desired options:
```javascript
const qrCodeImg = document.querySelector("#qrcode");let qrCode = new QRCode(qrCodeImg, {
text: "https://github.com/Alkaison",
width: 256,
height: 256,
colorDark : "#FFFFFF",
colorLight : "#023e7d",
correctLevel : QRCode.CorrectLevel.H
});
```## Contributing
Contributions to the QR code generator are welcome! If you would like to contribute, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and test thoroughly.
4. Commit your changes with clear and descriptive commit messages.
5. Push your branch to your forked repository.
6. Submit a pull request with a detailed explanation of your changes.Please ensure that your code adheres to the existing coding style and includes appropriate documentation.
## License
This project is licensed under the [MIT License](./LICENSE). Feel free to use, modify, and distribute the code as per the terms of the license.
## Credits
The QR code generator utilizes the [qrcode.js](https://github.com/davidshimjs/qrcodejs) library by David Shim.
## Feedback and Support
If you have any questions, suggestions, or issues regarding the QR code generator, please open an issue on the repository. We appreciate your feedback and will do our best to assist you.
Happy QR code generating!