Skip to content
Shayan-alinezhadPublic

About

The simplest and fastest online tool for creating and customizing dynamic QR codes.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

Repository files navigation

📱 QRino — سازنده کد QR آنلاین

ساده‌ترین و سریع‌ترین ابزار آنلاین برای ساخت و شخصی‌سازی کدهای QR — کاملاً تک‌فایلی و بدون وابستگی خارجی، روی Cloudflare Workers.

License Platform PRs


✨ امکانات

  • 🎨 شخصی‌سازی کامل: انتخاب رنگ طرح و پس‌زمینه، اندازه، حاشیه و استایل ماژول‌ها (standard / rounded / dotted / diamond / smooth).
  • 🧩 پازل تصویری QR: ساخت کد QR هنری بر اساس عکس دلخواه شما.
  • 🖼️ لوگوی مرکزی: افزودن آیکون یا لوگو در وسط کد.
  • 🌙 حالت روز / شب: پشتیبانی کامل از دارک‌مود.
  • 💾 خروجی چندفرمتی: دانلود خروجی به صورت PNG، SVG و PDF.
  • 📤 اشتراک‌گذاری سریع: پشتیبانی از Web Share API و کپی در کلیپ‌بورد.
  • ⚡ کاملاً تک‌فایلی: تمام HTML/CSS/JS و کتابخانهٔ تولید QR درون یک فایل worker.js قرار دارد — بدون CDN و بدون نیاز به بیلد.

📁 ساختار پروژه

qrino/
├─ src/
│  └─ worker.js          # کل اپلیکیشن (HTML + CSS + JS + کتابخانه QR + i18n)
├─ .github/
│  └─ workflows/
│     └─ deploy.yml       # دیپلوی خودکار با GitHub Actions
├─ wrangler.toml         # پیکربندی Cloudflare Workers
├─ package.json          # اسکریپت‌ها و وابستگی‌ها
├─ deploy.sh             # اسکریپت دیپلوی سریع (Git Bash)
├─ .gitignore
├─ .editorconfig
├─ LICENSE
└─ README.md

🚀 راه‌اندازی و دیپلوی (با Git Bash)

۰. پیش‌نیازها

  • Node.js نسخهٔ ۱۸ یا بالاتر
  • یک حساب رایگان Cloudflare
  • Git (شامل Git Bash روی ویندوز)

۱. کلون کردن پروژه

git clone https://github.com/USERNAME/qrino.git
cd qrino

۲. نصب وابستگی‌ها

npm install

۳. اجرای محلی (اختیاری)

npm run dev

سپس آدرس http://localhost:8787 را در مرورگر باز کنید.

۴. دیپلوی روی Cloudflare

روش اول — اسکریپت آماده:

bash deploy.sh

روش دوم — دستی:

npx wrangler login      # فقط بار اول — ورود به حساب Cloudflare
npx wrangler deploy

پس از دیپلوی، آدرسی مانند https://qrino.<your-subdomain>.workers.dev دریافت می‌کنید. ✅


🌐 دیپلوی خودکار (GitHub Actions)

برای دیپلوی خودکار با هر push روی شاخهٔ main، دو مورد زیر را در بخش Settings ← Secrets and variables ← Actions مخزن خود اضافه کنید:

نام Secret توضیح
CLOUDFLARE_API_TOKEN توکن API از داشبورد Cloudflare (با دسترسی Edit Workers)
CLOUDFLARE_ACCOUNT_ID شناسهٔ حساب Cloudflare شما

🔧 شخصی‌سازی

  • تغییر نام پروژه/دامنه: مقدار name در wrangler.toml را تغییر دهید.
  • دامنهٔ اختصاصی: بخش routes در wrangler.toml را فعال کنید.
  • ترجمه‌ها: دیکشنری فارسی/انگلیسی در بخش DICT انتهای src/worker.js قرار دارد و به‌راحتی قابل ویرایش است.

🧠 تکنولوژی

  • Cloudflare Workers (اجرا در لبهٔ شبکه / Edge)
  • Vanilla JS بدون فریمورک
  • کتابخانهٔ تولید QR درون‌خط (embedded)
  • سیستم i18n سبک‌وزن مبتنی بر MutationObserver

🤝 مشارکت

Pull Request‌ها و Issue‌ها با آغوش باز پذیرفته می‌شوند. 💛

📄 لایسنس

این پروژه تحت لایسنس MIT منتشر شده است.


ساخته شده با ❤️ — QRino

About

The simplest and fastest online tool for creating and customizing dynamic QR codes.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages