طراحی و پیاده‌سازی وب‌سایت پیش‌نمایش آنلاین قاب‌سازی

شرح پروژه ما یک کارگاه قاب‌سازی هستیم و می‌خواهیم وب‌سایتی شبیه سایت easyframe.ir راه‌اندازی کنیم، اما با طراحی و امکانات اختصاصی. مهم‌ترین بخش سایت، ماژول پیش‌نمایش آنلاین قاب است که مشتری بتواند: 1- تصویر خود را آپلود کند (JPEG/PNG). 2- قاب موردنظر را از گالری انتخاب کند (قاب‌ها با پس‌زمینه شفاف PNG). 3- رنگ و عرض پاسپارتو را تغییر دهد. 4- ابعاد را تنظیم کند و مقیاس واقعی نسبت به دیوار را ببیند. 5- خروجی را به‌صورت زنده مشاهده کند (بدون رفرش). سایر امکانات موردنیاز: - فروشگاه اینترنتی با سبد خرید و پرداخت آنلاین (زرین‌پال یا آیدی‌پی). - ثبت سفارش و پنل مدیریت سفارش‌ها. - پنل مدیریت محصولات و موجودی قاب‌ها. - گزارش‌گیری فروش و موجودی. - طراحی واکنش‌گرا (Responsive) برای موبایل، تبلت و دسکتاپ. - سئو پایه برای بهینه‌سازی گوگل. - سیستم امنیتی (احراز هویت JWT، فیلتر آپلود فایل، بکاپ روزانه). فناوری پیشنهادی - Front-end: React.js یا Vue.js + Tailwind CSS - Back-end: Node.js یا Laravel - پایگاه داده: MySQL یا PostgreSQL - پردازش تصویر: Canvas API یا Fabric.js / WebGL تحویل پروژه - تحویل مرحله‌ای (نسخه MVP و سپس نسخه کامل). - کد تمیز و مستندشده. - آموزش کامل استفاده و مدیریت سایت (ویدئو یا PDF). - پشتیبانی 1 ماهه پس از تحویل. مهارت‌های موردنیاز - JavaScript پیشرفته (React.js یا Vue.js) - Node.js یا Laravel (PHP) - تجربه کار با Canvas API یا WebGL برای پردازش تصویر - طراحی واکنش‌گرا (Responsive Design) - تجربه اتصال به درگاه‌های پرداخت ایرانی - مدیریت دیتابیس MySQL/PostgreSQL - اصول امنیت وب و سئو پایه