أنشئ لوحة تحكم متجاوبة باستخدام DashNova
تحتاج التطبيقات الحديثة إلى لوحة تحكم تساعد المستخدم على فهم البيانات والوصول إلى المهام اليومية بسهولة. يقدم DashNova نقطة بداية مجانية للمطورين وأصحاب المشاريع الذين يريدون تصميم واجهة إدارة واضحة دون بناء كل صفحة من الصفر.
DashNova قالب HTML مبني باستخدام Bootstrap 5.3، ويتضمن واجهتين عربية وإنجليزية. يمكن استخدامه أساسًا لمنصات SaaS ومتاجر التجارة الإلكترونية وأنظمة إدارة العملاء وواجهات الأعمال والتقارير.
24 صفحة بالعربية والإنجليزية
تضم الحزمة 12 صفحة إنجليزية باتجاه LTR و12 صفحة عربية باتجاه RTL. يتيح مبدّل اللغة الانتقال إلى الصفحة المقابلة، مع مراعاة اتجاه القوائم ومحاذاة النصوص والجداول والنماذج.
تشمل الصفحات لوحة التحكم، والتحليلات، والمنتجات، والطلبات، والعملاء، والفواتير، والرسائل، والتقويم، والملف الشخصي، والإعدادات، وتسجيل الدخول وصفحة الخطأ 404. توفر هذه المجموعة بنية عملية يمكن تخصيصها حسب احتياجات التطبيق.
عرض البيانات والمهام بوضوح
تعرض الصفحة الرئيسية بطاقات إحصائية ورسومًا للمبيعات والإيرادات والطلبات، وتوفر صفحة التحليلات نماذج لعرض الزيارات ومشاهدات الصفحات وغيرها من المؤشرات. تساعد الجداول والبطاقات المنظمة على قراءة المعلومات دون ازدحام بصري.
تمنحك صفحات المنتجات والطلبات والعملاء والفواتير تخطيطات جاهزة للبحث وعرض الحالات والتفاصيل. كما توفر واجهة الرسائل والتقويم والملف الشخصي والإعدادات أساسًا لتصميم رحلة مستخدم متناسقة.
دعم RTL وLTR والوضع الداكن
لا يقتصر دعم العربية على استبدال النصوص؛ تُعرض مكونات النسخة العربية باتجاه يناسب القراءة من اليمين إلى اليسار. تتكيف القوائم والجداول والبطاقات والأزرار مع الكمبيوتر والتابلت والهاتف، وتبقى صفحات النسخة الإنجليزية باتجاه LTR.
يتضمن القالب مظهرًا فاتحًا وآخر داكنًا، ويحفظ المتصفح اختيار المظهر. يمكن تغيير ألوان الهوية والخطوط والمسافات لتتناسب مع علامتك التجارية.
تقنيات مألوفة وملفات قابلة للتخصيص
يعتمد DashNova على HTML5 وCSS3 وBootstrap وJavaScript، مع Bootstrap Icons وChart.js للرسوم البيانية. تُستخدم Google Fonts وموارد عبر CDN، لذلك يحتاج تحميل تلك الموارد إلى اتصال بالإنترنت.
يمكن تحرير النصوص والجداول والروابط مباشرة في ملفات HTML، وتعديل التنسيقات في assets/css/style.css والسلوك المشترك في assets/js/app.js. لا يحتاج فتح القالب إلى قاعدة بيانات أو أدوات بناء.
لمن يناسب DashNova؟
يناسب مطوري تطبيقات SaaS، وواجهات إدارة المتاجر، وأنظمة CRM وERP، والنماذج الأولية، ومشاريع التعلم والعملاء. يمكن دمجه مع Laravel أو PHP أو Node.js أو ASP.NET أو غيرها من التقنيات الخلفية.
خطوات التشغيل
- نزّل ملف ZIP من صفحة المنتج في Codlixa.
- فك الضغط باستخدام أداة النظام أو WinRAR أو 7-Zip.
- افتح
index.htmlلعرض الإنجليزية أوar/index.htmlلعرض العربية. - استبدل النصوص والشعار والبيانات والصور التجريبية، ثم خصّص الألوان والتنسيقات.
- ارفع الملفات إلى الاستضافة مع الحفاظ على ترتيب المجلدات، واربط الواجهة بالنظام الخلفي عند الحاجة.
ما الذي يحتاج إلى برمجة خلفية؟
DashNova قالب واجهات ثابتة. بيانات الرسوم والجداول تجريبية، ولا تتضمن الحزمة مصادقة فعلية أو قاعدة بيانات أو خادم محادثات أو نظامًا لإدارة الطلبات والفواتير. تحتاج هذه الوظائف إلى تطوير خلفي وربط آمن بمصادر البيانات الخاصة بمشروعك.
الترخيص والتنزيل
يمكن استخدام القالب وتعديله للمشاريع النهائية الشخصية والتجارية ومشاريع العملاء. لا يسمح بإعادة بيع الحزمة الأصلية أو توزيعها كمنتج مستقل. ذكر Haneen Web موضع تقدير لكنه غير إلزامي، وتبقى مكونات الطرف الثالث خاضعة لتراخيصها.
حمّل DashNova مجانًا من Codlixa وابدأ بناء لوحة تحكم تدعم العربية والإنجليزية.