Cosmos

بيانات الفضاء مدهشة لكنها موزعة على مصادر تقنية — أرشيف ناسا، وجداول الإطلاق، وبيانات الكواكب — ولكلٍّ منها صيغته الخاصة. كان الهدف عرضها في لوحة تحكم واحدة جذابة وسهلة.

ثلاثة أقسام، وثلاثة مصادر بيانات، وتخطيط واحد متّسق: اليوم في الفضاء، والإطلاقات، والكواكب، يُوصل إليها من شريط جانبي يتحول إلى قائمة على الجوال.

ثيم داكن بروح الفضاء العميق مبني بـ Tailwind CSS، مع تدرّجات ناعمة ولمسات مضيئة. يحصل الإطلاق المميز على بطاقة كبيرة بحالته وتاريخه ووقته وموقعه وعدّه التنازلي، وتصطف بقية الإطلاقات في شبكة تحته.

على الجوال ينزلق الشريط الجانبي فوق طبقة شفافة ويُغلق عند اختيار قسم.

JavaScript خالص مع async/await. واجهة APOD من ناسا تشغّل قسم اليوم في الفضاء، مع منتقي تاريخ لعرض صورة أي يوم ورابط للصورة بدقتها الكاملة. وتوفّر Launch Library 2 من The Space Devs الإطلاقات القادمة، وتوفّر Solar System OpenData بيانات الكواكب، مع روابط إلى ويكيبيديا للاستزادة.

تفاصيل الكواكب وحقائقها الرئيسية ومقارنة الكواكب الثمانية جنبًا إلى جنب تُولَّد كلها من البيانات نفسها.

كان التحدي التعامل مع ثلاث واجهات API مستقلة قد تكون كلٌّ منها بطيئة أو محدودة الطلبات أو غير متاحة مؤقتًا — ومفتاح ناسا العام تحديدًا محدود الطلبات — دون أن تنهار اللوحة كلها.

يدير كل قسم مؤشر تحميله ومحتواه ولوحة أخطائه داخل try/catch، فلا يُفرغ مصدرٌ فاشل الأقسامَ الأخرى؛ ويعود قسم الصورة إلى صورة مؤقتة أثناء التحميل ويشرح المشكلة إن فشل الطلب.

ملف CSS المُجمّع من Tailwind يبقى صغيرًا، وكل قسم يجلب بياناته مستقلًا فيظهر الأول دون انتظار البقية.

لوحة تحكم تجعل بيانات الفضاء الحقيقية سهلة وممتعة الاستكشاف، على الحاسوب والجوال. منشورة على GitHub Pages.