عرض تفاعليمنصة أخبار · بثلاث لغات

DZ TODAY

موقع أخبار جزائري بالإنجليزية والفرنسية والعربية، مع روبوت محادثة يفهم الدارجة.

DZ TODAY — الرئيسية

نظرة عامة

DZ TODAY منصة أخبار بثلاث لغات: شريط مقالات بارزة، وأقسام للمجتمع والسياسة والاقتصاد والرياضة، ومقالات رائجة، وبحث، وصفحات للمقالات. يجيب «روبوت الجزائر» عن الأسئلة حول البلد بالإنجليزية والفرنسية والعربية والدارجة الجزائرية، ويمكنه عرض آخر العناوين. تُقدَّم المقالات من Supabase عبر دوال سحابية.

الأهداف

  • عرض الأخبار الجزائرية بوضوح بثلاث لغات
  • الإجابة عن الأسئلة الشائعة حول الجزائر بأسلوب المحادثة

الميزات

  • شريط بارز وأقسام ومقالات رائجة
  • بحث وتصفية حسب القسم وترتيب من الأحدث أو الأقدم
  • الإنجليزية والفرنسية والعربية مع اتجاه من اليمين إلى اليسار
  • روبوت الجزائر مع كشف الدارجة
  • وضعان داكن وفاتح، واشتراك في النشرة

الشاشات

أبرز النقاط

التصميم

  • مظهر تحريري داكن بلمسات خضراء من العلم
  • صورة افتتاحية كبيرة بنص مقروء فوقها

الهندسة

  • واجهة برمجية سحابية للمقالات والمشاهدات والنشرة والروبوت
  • تُولَّد نوايا الروبوت في سكربت للمتصفح من شيفرة الخادم، فيجيب الاثنان دائمًا بالطريقة نفسها

مراجعة الاستوديو

5.0البداية
7.5النهاية

تصميم متقن لم يكن يعرض إلا خطأ دون خادمه.

ما وجدناه

  • دون الواجهة البرمجية لم تعرض الصفحة الرئيسية إلا «Could not load news»
  • وسم معطوب كان يطبع كلمة «link» ويمنع تحميل الخطوط
  • سكربت تتبع خارجي
  • 20 ميغابايت من الصور (1.5 إلى 2.2 ميغابايت لكل صورة)
  • ثلاثة عناوين h1، وحقول دون تسميات، وتمرير أفقي على الهاتف

ما أصلحناه

  • وضع عرض دون اتصال موسوم بوضوح مع ملفات نموذجية وروبوت في المتصفح
  • إصلاح رابط الخطوط
  • حذف التتبع
  • تصغير الصور إلى نحو 2 ميغابايت إجمالًا
  • عنوان h1 واحد، وحقول مسماة، ولا تمرير أفقي على الهاتف

التقييم من 10 على الوظائف، والواجهة، والاتساق البصري، والأداء، والتجاوب، والتنقل، والبنية، وإمكانية الوصول، ومعالجة الأخطاء، والجاهزية المهنية.

العرض

عرض تفاعلي

يحتاج البث المباشر إلى خادم Supabase. يعرض هذا العرض سبعة ملفات نموذجية موسومة بوضوح (حقائق موثقة لا أخبار)، ويشغّل روبوت الجزائر في المتصفح.

معاينة المشروع
ابدأ مشروعك

تريد مشروعًا مثل هذا؟

أخبرنا بما تبنيه. سنرد بأسئلة صادقة، ونهج واضح، والخطوة التالية.