تطوير وتصميم لوحة تحكم متكاملة وحديثة (Modern Dark UI) لتحليل بيانات ومؤشرات المبيعات والعملاء في الوقت الفعلي. تم بناء المشروع بأحدث تقنيات الويب لضمان السرعة العالية والأداء الفائق.
مميزات اللوحة الأساسية:
- رسوم بيانية تفاعلية (Interactive Charts): عرض منحنيات الإيرادات مع إمكانية التفاعل بالماوس لمشاهدة الأرقام بدقة بالاعتماد على Recharts.
- البحث والتصفية الفورية (Real-time Filtering): تصفية جدول الطلبات والمعاملات لحظياً أثناء الكتابة.
- تصدير التقارير (CSV Export): زر مخصص لتنزيل ملفات التقرير ببيانات المبيعات الحية بنقرة واحدة.
- مؤشرات الأداء (KPI Cards): عرض إحصائيات الإيرادات، العملاء الجدد، ونسبة التحويل بشكل عصري.
- النشر والاستضافة: مرفوع ومتزامن بالكامل مع Vercel و GitHub بنسبة جاهزية 100%.
التقنيات المستخدمة (Tech Stack):
- Next.js 15 (App Router)
- React 19 & TypeScript
- Tailwind CSS
- Recharts Library
- Vercel Deployment
واجهة مستخدم متجاوبة تماماً مع الشاشات المختلفة (Desktop & Mobile) ومريحة للعين.
عرض مؤشرات الأداء والإيرادات بدقة مع تفاعل سلس عند مرور الماوس.
فلترة جدول المعاملات لحظياً وإمكانية تصدير البيانات بنقرة زر بصيغة CSV.
-السورس كود الكامل للمشروع منسق ومكتوب بـ TypeScript.
- ربط حي كامل للمشروع على Vercel مع رابط المعاينة المباشر.
- ملف README.md مفصل يوضح كيفية تشغيل المشروع والتعديل عليه.
تصميم وتطوير صفحة لوحة تحكم مبيعات تفاعلية واحدة متجاوبة بالكامل مع الهواتف والشاشات
عرض مؤشرات الأداء الرئيسية (KPIs) مع دمج رسمين بيانيين تفاعليين باستخدام مكتبة Recharts.
تسليم السورس كود المكتوب بـ Next.js و TypeScript مع رفع المشروع لايف على استضافة Vercel وتوفير ملف README للتشغيل.
ربط ونشر المشروع على استضافة Vercel وتسليم رابط معاينة حقيقي.