QR Tools | جعبه ابزار جامع و حرفه‌ای QR Code
پروژه شخصیویژه
- Next.js
- TypeScript
- React
- Tailwind CSS
- Vitest
اپلیکیشن تحت وب مدرن، قدرتمند و کاملاً مستقل برای تولید، شخصی‌سازی، تولید گروهی و اسکن آنی QR Code با تمرکز ویژه بر حریم خصوصی ۱۰۰٪ و قابلیت کارکرد آفلاین.
دموی زنده پروژه: taha-heidaryfard.github.io/qr-tools
سورس‌کد در گیت‌هاب: github.com/taha-heidaryfard/qr-tools
قابلیت‌های کلیدی
۱. تولید انواع فرمت‌های کاربردی محتوا
- متن و لینک وب‌سایت (URL): با افزودن خودکار پروتکل امن
https. - شبکه وای‌فای (Wi-Fi): شامل SSID، رمز عبور، نوع رمزنگاری (WPA/WEP) و شبکه‌های مخفی با قابلیت اتصال فوری دوربین گوشی.
- کارت ویزیت دیجیتال (vCard 3.0): ذخیره مستقیم مخاطب در گوشی شامل نام، شرکت، عنوان شغلی، شماره‌های تماس، ایمیل و وب‌سایت.
- شبکه‌های اجتماعی: لینک مستقیم به تلگرام، واتس‌اپ، اینستاگرام، توییتر (X)، لینکدین، گیت‌هاب و یوتیوب.
- ایمیل، پیامک (SMS) و تماس تلفنی مستقیم.
۲. شخصی‌سازی گرافیکی پیشرفته
- قالب‌های رنگی و گرادیان‌های مدرن: تم‌های کلاسیک، نیلی، فیروزه‌ای، نعنایی، غروب و تم شب.
- تغییر شکل نقاط و چشم‌ها: قابلیت انتخاب شکل نقاط داخلی (گرد، مربعی، لوزی) و قاب و مرکز چشم‌های گوشه.
- افزودن لوگو به مرکز بارکد: بارگذاری لوگوی دلخواه با حاشیه امن و تنظیم ابعاد، همراه با آیکون‌های پیش‌فرض شبکه‌های اجتماعی.
- بررسی هوشمند خوانایی (Readability Check): تحلیل کنتراست رنگ‌ها و سطح تصحیح خطا (L, M, Q, H) برای اطمینان از اسکن سریع.
۳. اسکنر هوشمند و سریع
- اسکن لحظه‌ای با دوربین جلو و عقب دستگاه.
- امکان کشیدن و رها کردن (Drag & Drop) تصاویر و بارکدها برای دیکود سریع.
- تشخیص هوشمند نوع محتوا و ارائه دکمه‌های عملیاتی (مثل اتصال به وای‌فای، شماره‌گیری یا ذخیره مخاطب).
۴. تولید گروهی و خروجی‌های باکیفیت
- ایجاد ده‌ها QR Code به صورت همزمان از طریق فایل
.csvیا متن چندخطی. - دانلود تصویر PNG وکتور مقیاس‌پذیر SVG (مناسب برای چاپ صنعتی) و پرینت مستقیم.
۵. معماری، حریم خصوصی و عملکرد
- ۱۰۰٪ کلاینت‌ساید: پردازش کامل داده‌ها داخل مرورگر بدون ارسال هیچ‌گونه اطلاعات به سرور.
- قابلیت PWA و آفلاین: امکان نصب روی موبایل و دسکتاپ و استفاده بدون نیاز به اینترنت.
- طراحی مدرن و دو زبانه: رابط کاربری واکنش‌گرا با پشتیبانی کامل از زبان‌های فارسی (RTL) و انگلیسی (LTR) و تم تاریک/روشن.
تکنولوژی‌های استفاده‌شده
- Next.js (App Router) و React 19 با قابلیت Static Export
- TypeScript برای توسعه امن و مقیاس‌پذیر
- Tailwind CSS v4 برای طراحی واکنش‌گرا و مدرن
- qrcode & Canvas/SVG Renderer جهت ترسیم و استایل‌دهی ماتریس بارکد
- ZXing Browser برای اسکنر دوربین و دیکود تصاویر
- Vitest جهت تست‌های خودکار نرم‌افزار