اپلیکیشن فرم‌ساز آنلاین با ‏Vue.js

شرح کلی پروژه هدف این پروژه، طراحی و پیاده‌سازی یک اپلیکیشن تحت وب مدرن و کاربرپسند برای ساخت فرم‌های آنلاین است. این پلتفرم باید به کاربران اجازه دهد بدون نیاز به دانش برنامه‌نویسی و از طریق یک رابط کشیدن و رها کردن (Drag & Drop)، انواع فرم‌ها مانند نظرسنجی، ثبت‌نام، فرم تماس و … را ایجاد، منتشر و پاسخ‌های دریافتی را مدیریت و بررسی کنند. ویژگی‌ها و امکانات کلیدی (نسخه MVP) 1. فرم‌ساز بصری (Visual Form Builder) رابط Drag & Drop: امکان افزودن المان‌ها به فرم با کشیدن از پنل ابزار و رها کردن در محیط طراحی کتابخانه کامل فیلدها شامل: فیلدهای متنی (Text، Paragraph) گزینه‌های انتخابی (Checkbox، Radio Button، Dropdown) آپلود فایل انتخاب تاریخ (Date Picker) فیلدهای امتیازدهی و مقیاس (Rating، Scale) پنل تنظیمات فیلد: ویرایش ویژگی‌هایی مانند عنوان، placeholder، اجباری بودن و قوانین اعتبارسنجی پیش‌نمایش زنده: مشاهده آنی فرم در حال طراحی 2. مدیریت و انتشار فرم‌ها ذخیره و بازیابی فرم‌ها: امکان ذخیره پروژه‌های نیمه‌تمام و ادامه کار در زمان دیگر انتشار فرم: تولید لینک عمومی و یکتا برای هر فرم جهت اشتراک‌گذاری داشبورد مدیریت: مشاهده و مدیریت لیست تمام فرم‌های ایجادشده 3. جمع‌آوری و تحلیل پاسخ‌ها ذخیره پاسخ‌ها: ثبت اطلاعات ارسال‌شده توسط کاربران نمایش پاسخ‌ها: مشاهده پاسخ‌ها به‌صورت لیستی و خلاصه آمار پایه: نمایش داده‌هایی مانند تعداد ارسال‌ها خروجی گرفتن: امکان دریافت پاسخ‌ها در قالب CSV یا Excel 4. رابط کاربری و تجربه کاربری (UI/UX) طراحی مدرن و واکنش‌گرا: نمایش بهینه در موبایل، تبلت و دسکتاپ کاربری ساده و قابل فهم: مناسب کاربران غیر فنی با حداقل پیچیدگی تکنولوژی‌های پیشنهادی (Tech Stack) Front-end: Vue.js 3 (با تأکید بر Composition API) مدیریت State: Pinia (اولویت دارد) یا Vuex UI Framework: گزینه پیشنهادی: Vuetify یا Quasar (برای توسعه سریع) گزینه جایگزین: Tailwind CSS (برای طراحی سفارشی) Drag & Drop: Vue.Draggable یا dnd-kit ذخیره‌سازی داده‌ها: فاز اول: LocalStorage یا IndexedDB در سمت کلاینت فازهای بعدی: افزودن بک‌اند Build Tool: Vite (توصیه‌شده) الزامات و انتظارات از فریلنسر تسلط کامل بر Vue.js 3 و Composition API تجربه عملی در پیاده‌سازی Drag & Drop در پروژه‌های واقعی سابقه کار با یکی از UI Frameworkهای ذکرشده دقت بالا در طراحی UI تمیز، مدرن و حرفه‌ای رعایت اصول کدنویسی تمیز، ماژولار و قابل نگهداری ارائه نمونه‌کار یا دمو از پروژه مشابه (ترجیحاً فرم‌ساز) الزامی است