Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kochrt/qr-designer
QR designer web app with a novel method of designing qr codes that does not take advantage of error correction
https://github.com/kochrt/qr-designer
Last synced: 30 days ago
JSON representation
QR designer web app with a novel method of designing qr codes that does not take advantage of error correction
- Host: GitHub
- URL: https://github.com/kochrt/qr-designer
- Owner: kochrt
- License: mit
- Created: 2023-05-30T16:48:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-06-22T16:56:16.000Z (over 1 year ago)
- Last Synced: 2024-10-01T18:41:21.170Z (about 1 month ago)
- Language: Vue
- Homepage: http://robko.ch/qr-designer/
- Size: 86.1 MB
- Stars: 2,715
- Watchers: 13
- Forks: 118
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QR code designer
This is a QR design web app that you can use to create QR codes that have arbitrary designs in the middle section. Compared to other qr designs, this does not take advantage of error correction that QR codes use, but rather deterministically turns some pixels in the code pattern on or off without affecting what the QR code is pointing to.
## Prerequisites
The designer is a Nuxt v2 app, statically generated. It had been part of a larger app that I have separated it from. There may be references to `sw.ink` and `qr.new` lying around; those were the domains I had that the app was being served from.
There are some prerequisites to making QR codes with the designer.
In order to maximize designer space, the url that the QR codes links to is expected to be exactly 25 characters long from the set of [alphanumeric characters](https://en.wikipedia.org/wiki/QR_code#Design) - `0–9, A–Z (upper-case only), space, $, %, *, +, -, ., /, :`
When I had the `sw.ink` and `qr.new` domains, it would direct to `HTTPS://SW.INK/${QR_ID}` where `QR_ID` would be a 10 alphanumeric-character long id set as part of the link shortening process.
If you want to change this you would do it in [components/Design/QRGroup.vue](components/Design/QRGroup.vue) at line 138.
## Installing and running
Node version 16 is expected.
```bash
> npm i
> npm run generate
> npm run start
```
## Examples
