-
Notifications
You must be signed in to change notification settings - Fork 66
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Fix inconsistencies in button & input styling, refactoring of styles - Added feature of logo image upload - Fix missing inputs for background color
- Loading branch information
Showing
38 changed files
with
153 additions
and
107 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
V0.1 | ||
|
||
- Fix inconsistencies in button & input styling, refactoring of styles | ||
- Added feature of logo image upload | ||
- Fix missing inputs for background color |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,20 @@ | ||
# styled-qr-code-generator | ||
[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0) | ||
|
||
![App preview](src/assets/app_preview.png) | ||
![App preview](public/app_preview.png) | ||
|
||
A customizable QR code generator that allows you to create beautiful and unique QR codes with various styles and colors. | ||
|
||
## Features | ||
|
||
V0 | ||
- 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](https://github.com/lyqht/deepl-translate-github-action) | ||
- Save & Load QR Code config | ||
|
||
V0.1 | ||
- Upload custom image for logo |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"styled_qr_gen":"Стилизиран генератор на QR кодове","random_style":"Случаен избор на стил","no_data":"Няма дата!","data_label":"Данни за кодиране","data_placeholder":"данни за кодиране, напр. URL адрес или низ","image_label":"URL адрес на изображението","copy_clipboard":"Копиране на QR кода в клипборда","download_qr_code_png":"Изтегляне на QR код като PNG","download_qr_code_svg":"Изтегляне на QR код като SVG","width_label":"Ширина (px)","height_label":"Височина (px)","margin_label":"Марж (px)","dot_color_label":"Цвят на точките:","dot_type_label":"Тип на точките:","save_qr_code":"Запазване на конфигурацията на QR кода","load_qr_code":"Зареждане на конфигурацията на QR кода","corners_square_color_label":"Ъгли Квадратен цвят:","corners_square_type_label":"Ъгли Тип квадрат:","corners_dot_color_label":"Ъгли Цветът на точката:","corners_dot_type_label":"Ъгли Тип точка:","dots":"точки","rounded":"закръглени","classy":"стилен","classy-rounded":"класически закръглени","square":"квадрат","extra-rounded":"изключително закръглени","dot":"точка","bg":"Български","cs":"Чешка република","da":"Датски","de":"Немски","el":"Гръцки","en":"Английски език","es":"Испански","et":"Естонски","fi":"Финландски","fr":"Френски","hu":"Унгарски","id":"Индонезийски","it":"Италиански","ja":"Японски","ko":"Корейски","lt":"Литовски","lv":"Латвийски","nb":"Норвежки Bokmål","nl":"Холандски","pl":"Полски","ptBR":"Португалски (Бразилия)","ptPT":"Португалски (Португалия)","ro":"Румънски","ru":"Руски","sk":"Словашки","sl":"Словенски","sv":"Шведски","tr":"Турски","uk":"Украински","zh":"Китайски"} | ||
{"styled_qr_gen":"Стилизиран генератор на QR кодове","random_style":"Случаен избор на стил","no_data":"Няма дата!","data_label":"Данни за кодиране","data_placeholder":"данни за кодиране, напр. URL адрес или низ","image_label":"URL адрес на изображението на логото","copy_clipboard":"Копиране на QR кода в клипборда","download_qr_code_png":"Изтегляне на QR код като PNG","download_qr_code_svg":"Изтегляне на QR код като SVG","upload_image":"Качване на изображение","background_color_label":"Фонов цвят","width_label":"Ширина (px)","height_label":"Височина (px)","margin_label":"Марж (px)","dot_color_label":"Цвят на точките","dot_type_label":"Тип точки","save_qr_code":"Запазване на конфигурацията на QR кода","load_qr_code":"Зареждане на конфигурацията на QR кода","corners_square_color_label":"Ъгли Квадратен цвят","corners_square_type_label":"Ъгли Квадратен тип","corners_dot_color_label":"Ъгли Цвят на точката","corners_dot_type_label":"Ъгли Тип точка","dots":"точки","rounded":"закръглени","classy":"стилен","classy-rounded":"класически закръглени","square":"квадрат","extra-rounded":"изключително закръглени","dot":"точка","bg":"Български","cs":"Чешка република","da":"Датски","de":"Немски","el":"Гръцки","en":"Английски език","es":"Испански","et":"Естонски","fi":"Финландски","fr":"Френски","hu":"Унгарски","id":"Индонезийски","it":"Италиански","ja":"Японски","ko":"Корейски","lt":"Литовски","lv":"Латвийски","nb":"Норвежки Bokmål","nl":"Холандски","pl":"Полски","ptBR":"Португалски (Бразилия)","ptPT":"Португалски (Португалия)","ro":"Румънски","ru":"Руски","sk":"Словашки","sl":"Словенски","sv":"Шведски","tr":"Турски","uk":"Украински","zh":"Китайски"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"styled_qr_gen":"Generátor stylizovaných QR kódů","random_style":"Náhodný výběr stylu","no_data":"Žádné datum!","data_label":"Data k zakódování","data_placeholder":"data k zakódování, např. URL nebo řetězec","image_label":"URL adresa obrázku","copy_clipboard":"Kopírování kódu QR do schránky","download_qr_code_png":"Stažení kódu QR jako PNG","download_qr_code_svg":"Stáhnout QR kód jako SVG","width_label":"Šířka (px)","height_label":"Výška (px)","margin_label":"Okraj (px)","dot_color_label":"Barva teček:","dot_type_label":"Typ teček:","save_qr_code":"Uložit konfiguraci kódu QR","load_qr_code":"Načtení konfigurace kódu QR","corners_square_color_label":"Rohové čtvercové barvy:","corners_square_type_label":"Rohový typ čtverce:","corners_dot_color_label":"Rohy Dot color:","corners_dot_type_label":"Rohy Typ bodu:","dots":"tečky","rounded":"zaokrouhlení","classy":"elegantní","classy-rounded":"elegantně zaoblené","square":"čtverec","extra-rounded":"extra zaoblené","dot":"tečka","bg":"Bulharský","cs":"Česká republika","da":"Dánský","de":"Němčina","el":"Řecký","en":"Angličtina","es":"Španělština","et":"Estonština","fi":"Finsko","fr":"Francouzština","hu":"Maďarština","id":"Indonéský","it":"Italský","ja":"Japonský","ko":"Korejský","lt":"Litevština","lv":"Lotyšský","nb":"Norský jazyk Bokmål","nl":"Holandský","pl":"Polský","ptBR":"Portugalština (Brazílie)","ptPT":"Portugalština (Portugalsko)","ro":"Rumunština","ru":"Ruský","sk":"Slovenská","sl":"Slovinština","sv":"Švédský","tr":"Turecký","uk":"Ukrajinský","zh":"Čínský"} | ||
{"styled_qr_gen":"Generátor stylizovaných QR kódů","random_style":"Náhodný výběr stylu","no_data":"Žádné datum!","data_label":"Data k zakódování","data_placeholder":"data k zakódování, např. URL nebo řetězec","image_label":"Adresa URL obrázku loga","copy_clipboard":"Kopírování kódu QR do schránky","download_qr_code_png":"Stažení kódu QR jako PNG","download_qr_code_svg":"Stáhnout QR kód jako SVG","upload_image":"Nahrát obrázek","background_color_label":"Barva pozadí","width_label":"Šířka (px)","height_label":"Výška (px)","margin_label":"Okraj (px)","dot_color_label":"Barva teček","dot_type_label":"Typ teček","save_qr_code":"Uložit konfiguraci kódu QR","load_qr_code":"Načtení konfigurace kódu QR","corners_square_color_label":"Rohové čtvercové barvy","corners_square_type_label":"Rohy Čtvercového typu","corners_dot_color_label":"Rohy Barva teček","corners_dot_type_label":"Rohy Typ tečky","dots":"tečky","rounded":"zaokrouhlení","classy":"elegantní","classy-rounded":"elegantně zaoblené","square":"čtverec","extra-rounded":"extra zaoblené","dot":"tečka","bg":"Bulharský","cs":"Česká republika","da":"Dánský","de":"Němčina","el":"Řecký","en":"Angličtina","es":"Španělština","et":"Estonština","fi":"Finsko","fr":"Francouzština","hu":"Maďarština","id":"Indonéský","it":"Italský","ja":"Japonský","ko":"Korejský","lt":"Litevština","lv":"Lotyšský","nb":"Norský jazyk Bokmål","nl":"Holandský","pl":"Polský","ptBR":"Portugalština (Brazílie)","ptPT":"Portugalština (Portugalsko)","ro":"Rumunština","ru":"Ruský","sk":"Slovenská","sl":"Slovinština","sv":"Švédský","tr":"Turecký","uk":"Ukrajinský","zh":"Čínský"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"styled_qr_gen":"Stilfuld QR-kodegenerator","random_style":"Tilfældig stil","no_data":"Ingen dato!","data_label":"Data, der skal kodes","data_placeholder":"data, der skal kodes, f.eks. en URL eller en streng","image_label":"Billed-url","copy_clipboard":"Kopier QR-kode til udklipsholder","download_qr_code_png":"Download QR-kode som PNG","download_qr_code_svg":"Download QR-kode som SVG","width_label":"Bredde (px)","height_label":"Højde (px)","margin_label":"Margin (px)","dot_color_label":"Prikkernes farve:","dot_type_label":"Type prikker:","save_qr_code":"Gem konfiguration af QR-kode","load_qr_code":"Indlæs QR-kode-konfiguration","corners_square_color_label":"Hjørner Firkantet farve:","corners_square_type_label":"Hjørner Firkantet type:","corners_dot_color_label":"Hjørner Dot farve:","corners_dot_type_label":"Hjørner Punkttype:","dots":"prikker","rounded":"afrundet","classy":"stilfuld","classy-rounded":"stilfuldt afrundet","square":"firkantet","extra-rounded":"ekstra afrundet","dot":"prik","bg":"Bulgarsk","cs":"Tjekkiet","da":"Dansk","de":"Tysk","el":"Græsk","en":"Engelsk","es":"Spansk","et":"Estisk","fi":"Finsk","fr":"Fransk","hu":"Ungarsk","id":"Indonesisk","it":"Italiensk","ja":"Japansk","ko":"Koreansk","lt":"Litauisk","lv":"Lettisk","nb":"Norsk bokmål","nl":"Hollandsk","pl":"Polsk","ptBR":"Portugisisk (Brasilien)","ptPT":"Portugisisk (Portugal)","ro":"Rumænsk","ru":"Russisk","sk":"Slovakisk","sl":"Slovensk","sv":"Svensk","tr":"Tyrkisk","uk":"Ukrainsk","zh":"Kinesisk"} | ||
{"styled_qr_gen":"Stilfuld QR-kodegenerator","random_style":"Tilfældig stil","no_data":"Ingen dato!","data_label":"Data, der skal kodes","data_placeholder":"data, der skal kodes, f.eks. en URL eller en streng","image_label":"URL til logo-billede","copy_clipboard":"Kopier QR-kode til udklipsholder","download_qr_code_png":"Download QR-kode som PNG","download_qr_code_svg":"Download QR-kode som SVG","upload_image":"Upload billede","background_color_label":"Baggrundsfarve","width_label":"Bredde (px)","height_label":"Højde (px)","margin_label":"Margin (px)","dot_color_label":"Farve på prikker","dot_type_label":"Type prikker","save_qr_code":"Gem konfiguration af QR-kode","load_qr_code":"Indlæs QR-kode-konfiguration","corners_square_color_label":"Hjørner Firkantet farve","corners_square_type_label":"Hjørner Firkantet type","corners_dot_color_label":"Hjørner Prikfarve","corners_dot_type_label":"Hjørner Punkttype","dots":"prikker","rounded":"afrundet","classy":"stilfuld","classy-rounded":"stilfuldt afrundet","square":"firkantet","extra-rounded":"ekstra afrundet","dot":"prik","bg":"Bulgarsk","cs":"Tjekkiet","da":"Dansk","de":"Tysk","el":"Græsk","en":"Engelsk","es":"Spansk","et":"Estisk","fi":"Finsk","fr":"Fransk","hu":"Ungarsk","id":"Indonesisk","it":"Italiensk","ja":"Japansk","ko":"Koreansk","lt":"Litauisk","lv":"Lettisk","nb":"Norsk bokmål","nl":"Hollandsk","pl":"Polsk","ptBR":"Portugisisk (Brasilien)","ptPT":"Portugisisk (Portugal)","ro":"Rumænsk","ru":"Russisk","sk":"Slovakisk","sl":"Slovensk","sv":"Svensk","tr":"Tyrkisk","uk":"Ukrainsk","zh":"Kinesisk"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
{"styled_qr_gen":"Gestalteter QR-Code-Generator","random_style":"Stil zufällig wählen","no_data":"Kein Datum!","data_label":"Zu kodierende Daten","data_placeholder":"zu kodierende Daten, z. B. eine URL oder eine Zeichenkette","image_label":"Bild url","copy_clipboard":"QR-Code in die Zwischenablage kopieren","download_qr_code_png":"QR-Code als PNG herunterladen","download_qr_code_svg":"QR-Code als SVG herunterladen","width_label":"Breite (px)","height_label":"Höhe (px)","margin_label":"Rand (px)","dot_color_label":"Farbe des Punktes:","dot_type_label":"Punkttyp:","save_qr_code":"QR-Code-Konfiguration speichern","load_qr_code":"QR-Code-Konfiguration laden","corners_square_color_label":"Ecken Quadratische Farbe:","corners_square_type_label":"Ecken Quadratischer Typ:","corners_dot_color_label":"Ecken Dot Farbe:","corners_dot_type_label":"Ecken Punkttyp:","dots":"punkte","rounded":"gerundet","classy":"stilvoll","classy-rounded":"stilvoll-abgerundet","square":"platz","extra-rounded":"extra-gerundet","dot":"punkt","bg":"Bulgarisch","cs":"Tschechische Republik","da":"Dänisch","de":"Deutsch","el":"Griechisch","en":"Englisch","es":"Spanisch","et":"Estnisch","fi":"Finnisch","fr":"Französisch","hu":"Ungarisch","id":"Indonesisch","it":"Italienisch","ja":"Japanisch","ko":"Koreanisch","lt":"Litauisch","lv":"Lettisch","nb":"Norwegisch Bokmål","nl":"Niederländisch","pl":"Polnisch","ptBR":"Portugiesisch (Brasilien)","ptPT":"Portugiesisch (Portugal)","ro":"Rumänisch","ru":"Russisch","sk":"Slowakisch","sl":"Slowenisch","sv":"Schwedisch","tr":"Türkisch","uk":"Ukrainisch","zh":"Chinesisch"} | ||
{"styled_qr_gen":"Gestalteter QR-Code-Generator","random_style":"Stil zufällig wählen","no_data":"Kein Datum!","data_label":"Zu kodierende Daten","data_placeholder":"zu kodierende Daten, z. B. eine URL oder eine Zeichenkette","image_label":"Logo Bild URL","copy_clipboard":"QR-Code in die Zwischenablage kopieren","download_qr_code_png":"QR-Code als PNG herunterladen","download_qr_code_svg":"QR-Code als SVG herunterladen","upload_image":"Bild hochladen","background_color_label":"Hintergrundfarbe","width_label":"Breite (px)","height_label":"Höhe (px)","margin_label":"Rand (px)","dot_color_label":"Dots Farbe","dot_type_label":"Dots Typ","save_qr_code":"QR-Code-Konfiguration speichern","load_qr_code":"QR-Code-Konfiguration laden","corners_square_color_label":"Ecken Quadratische Farbe","corners_square_type_label":"Ecken Quadratischer Typ","corners_dot_color_label":"Ecken Punktfarbe","corners_dot_type_label":"Ecken Punkttyp","dots":"punkte","rounded":"gerundet","classy":"stilvoll","classy-rounded":"stilvoll-abgerundet","square":"platz","extra-rounded":"extra-gerundet","dot":"punkt","bg":"Bulgarisch","cs":"Tschechische Republik","da":"Dänisch","de":"Deutsch","el":"Griechisch","en":"Englisch","es":"Spanisch","et":"Estnisch","fi":"Finnisch","fr":"Französisch","hu":"Ungarisch","id":"Indonesisch","it":"Italienisch","ja":"Japanisch","ko":"Koreanisch","lt":"Litauisch","lv":"Lettisch","nb":"Norwegisch Bokmål","nl":"Niederländisch","pl":"Polnisch","ptBR":"Portugiesisch (Brasilien)","ptPT":"Portugiesisch (Portugal)","ro":"Rumänisch","ru":"Russisch","sk":"Slowakisch","sl":"Slowenisch","sv":"Schwedisch","tr":"Türkisch","uk":"Ukrainisch","zh":"Chinesisch"} |
Oops, something went wrong.
5b0cc5a
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
styled-qr-code-generator – ./
styled-qr-code-generator.vercel.app
styled-qr-code-generator-git-main-lyqht.vercel.app
styled-qr-code-generator-lyqht.vercel.app