https://github.com/kochrt/qr-designer Skip to content Toggle navigation Sign up * Product + Actions Automate any workflow + Packages Host and manage packages + Security Find and fix vulnerabilities + Codespaces Instant dev environments + Copilot Write better code with AI + Code review Manage code changes + Issues Plan and track work + Discussions Collaborate outside of code Explore + All features + Documentation + GitHub Skills + Blog * Solutions For + Enterprise + Teams + Startups + Education By Solution + CI/CD & Automation + DevOps + DevSecOps Case Studies + Customer Stories + Resources * Open Source + GitHub Sponsors Fund open source developers + The ReadME Project GitHub community articles Repositories + Topics + Trending + Collections * Pricing [ ] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this user All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} kochrt / qr-designer Public * Notifications * Fork 5 * Star 212 QR designer web app with a novel method of designing qr codes that does not take advantage of error correction robko.ch/qr-designer/ License MIT license 212 stars 5 forks Star Notifications * Code * Issues 0 * Pull requests 0 * Actions * Projects 0 * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Security * Insights kochrt/qr-designer This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. main Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags Name already in use A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch? Cancel Create 2 branches 0 tags Code * Local * Codespaces * Clone HTTPS GitHub CLI [https://github.com/k] Use Git or checkout with SVN using the web URL. [gh repo clone kochrt] Work fast with our official CLI. Learn more about the CLI. * Open with GitHub Desktop * Download ZIP Sign In Required Please sign in to use Codespaces. Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching Xcode If nothing happens, download Xcode and try again. Launching Visual Studio Code Your codespace will open once ready. There was a problem preparing your codespace, please try again. Latest commit @kochrt kochrt link hardcoded ... cc2c202 May 30, 2023 link hardcoded cc2c202 Git stats * 9 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time assets Initial commit May 30, 2023 13:23 components Fix typo May 30, 2023 17:57 layouts Initial commit May 30, 2023 13:23 pages Initial commit May 30, 2023 13:23 plugins Initial commit May 30, 2023 13:23 static Initial commit May 30, 2023 13:23 store Initial commit May 30, 2023 13:23 tests Initial commit May 30, 2023 13:23 .editorconfig Initial commit May 30, 2023 13:23 .eslintrc.js Initial commit May 30, 2023 13:23 .gcloudignore Initial commit May 30, 2023 13:23 .gitignore Initial commit May 30, 2023 13:23 LICENSE Add license May 30, 2023 13:47 README.md link hardcoded May 30, 2023 18:11 nuxt.config.js Remove font awesome script May 30, 2023 13:50 package-lock.json Initial commit May 30, 2023 13:23 package.json Initial commit May 30, 2023 13:23 tailwind.config.js Initial commit May 30, 2023 13:23 tests.config.json Initial commit May 30, 2023 13:23 tsconfig.json Initial commit May 30, 2023 13:23 View code QR code designer Prerequisites Installing and running Examples README.md 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 - 0-9, A-Z (upper-case only), space, $, %, *, +, -, ., /, : It is currently hardcoded to be HTTPS://GITHUB.COM/KOCHRT. 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 at line 138. Installing and running Node version 16 is expected. > npm i > npm run generate > npm run start Examples [1] [2] [3] [4] [5] [6] [7] [8] About QR designer web app with a novel method of designing qr codes that does not take advantage of error correction robko.ch/qr-designer/ Resources Readme License MIT license Stars 212 stars Watchers 1 watching Forks 5 forks Report repository Releases No releases published Packages 0 No packages published Languages * Vue 63.8% * TypeScript 32.5% * JavaScript 3.6% * Other 0.1% Footer (c) 2023 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.