aerodeliria / mini-qr-selfhosted

Tiny web app to generate customized qr codes easily - self-hosted version 🌐

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

mini-qr-selfhosted

License: GPL v3

A customizable QR code generator to create beautiful and unique QR codes.

About This Fork

This fork (mini-qr-selfhosted) contains slight modifications and instructions on how to build this app to host yourself (either on a web server of your own, or one set up for you by a hosting provider.) Let it be known that I have zero experience with Vue/yarn/JS/etc, so your mileage may vary.

Instructions

  1. SSH to a FreeBSD/Linux web server with yarn/npm already installed.
  2. Clone this repo.
  3. By default, the webapp is built to be hosted in a subdirectory called 'qr', e.g. https://mycoolwebsite.net/qr. If you want to change this, edit line 9 of vite.config.js: base: '/qr/', -> base: '/somethingelse/',
  4. yarn install
  5. yarn build
  6. You should have a subfolder called "dist" now, these are the static files that comprise the webapp. Rename it to 'qr' (or whatever you changed the value in base to.)
  7. Move the renamed folder to the root of your website.
  8. Try accessing the page at https://whateveryourdomainis.net/qr.

Features

  • Generate QR codes with custom colors and styles
  • Support for various output formats, including SVG and PNG
  • Copy to clipboard
  • UI respects user's light/dark mode preferences
  • Randomize style button
  • Available in 29 languages thanks to deepl-translate-github-action
  • Save & Load QR Code config
  • Upload custom image for logo
  • Presets: Pre-crafted QR code styles are available as immediate usage/ reference. Refer to samples above!

About

Tiny web app to generate customized qr codes easily - self-hosted version 🌐

License:GNU General Public License v3.0


Languages

Language:Vue 72.6%Language:TypeScript 15.8%Language:JavaScript 5.3%Language:CSS 3.5%Language:HTML 2.7%Language:Shell 0.1%