دمو داشبورد مدیریت SaaS – «SaaSBoard Pro»

یک داشبورد ادمین کاملاً کاربردی و در حد پروژه‌های حرفه‌ای B2B SaaS. ظاهر و کیفیت کار باید به عنوان دمو درجه 1 باشد الزامات فنی فریم‌ورک: Next.js 14 (App Router) استایلینگ: Tailwind CSS + کامپوننت‌های Shadcn/ui چارت‌ها: Recharts یا Chart.js جدول‌ها: TanStack Table احراز هویت: لاگین نمایشی (******* / password123) دیپلوی: روی Vercel (حتماً آنلاین باشد) State Management: Zustand یا React Context ویژگی‌های دقیق موردنیاز 1. صفحه ورود صفحه لاگین تمیز با ایمیل/رمز لینک «فراموشی رمز عبور» گزینه «Remember me» نمایش واضح اطلاعات دمو 2. داشبورد اصلی پیام خوش‌آمدگویی همراه با نام کاربر 4 کارت متریک کلیدی: درآمد ماهانه: $124,580 (+12.5%) کاربران فعال: 2,845 (+8.2%) نرخ تبدیل: 4.8% (+1.2%) نرخ ریزش: 2.1% (-0.4%) 3. بخش تحلیل درآمد نمودار خطی درآمد 12 ماه گذشته نمودار میله‌ای درآمد بر اساس پلن (Starter, Pro, Enterprise) نمودار دونات درآمد بر اساس منطقه (US, EU, Asia, Other) انتخاب بازه زمانی (30 / 90 / 365 روز) 4. مدیریت کاربران جدول 20+ کاربر با: آواتار، نام، ایمیل، پلن، وضعیت، آخرین فعالیت فیلتر براساس نوع پلن، وضعیت، بازه زمانی جستجو اکشن‌ها: ویرایش، تعلیق، حذف (نمونه‌سازی) صفحه‌بندی (10 کاربر در هر صفحه) 5. فعالیت‌ها لیست فعالیت‌های اخیر (ثبت‌نام، ارتقا، لغو اشتراک) نوتیفیکیشن زنده با 3–5 اعلان نمونه سوییچر روشن/تاریک با ذخیره‌سازی حالت 6. تنظیمات فرم پروفایل شرکت اطلاعات صورتحساب مدیریت اعضای تیم (اضافه/حذف) بخش کلیدهای API (ایجاد/ابطال نمایشی) مشخصات طراحی رنگ اصلی: #3B82F6 رنگ ثانویه: #10B981 فونت: Inter سیستم فاصله‌گذاری: 4/8/16/24 پیکسل انیمیشن: ترنزیشن‌های نرم کاملاً ریسپانسیو + حالت تاریک با تشخیص سیستم داده‌های نمونه موردنیاز مثال درآمد 12 ماه: January: $98,420 February: $102,580 March: $115,230 ... December: $124,580 توزیع پلن‌ها: Starter: 45% Pro: 40% Enterprise: 15% کیفیت مورد انتظار بدون هیچ ارور در کنسول امتیاز Lighthouse بالای 95 تمام المنت‌های تعاملی فعال لودینگ‌استیت برای درخواست‌ها Error boundary برای API کنسول‌لاگ‌های حرفه‌ای خروجی نهایی لینک آنلاین روی Vercel ریپازیتوری مرتب روی GitHub ویدیو 2 دقیقه‌ای معرفی (Loom) اثبات ریسپانسیو بودن روی موبایل