Load in parallel

العنوان: لوحة بيانات (Dashboard) سريعة باستخدام تقنية جلب البيانات بالتوازي

عن المشروع:

​بنيت هذا المشروع كنموذج عملي لحل مشكلة "بطء تحميل البيانات" في تطبيقات الويب.

الفكرة الأساسية هي عرض إحصائيات (مستخدمين، منشورات، معدلات تفاعل) من خلال جلب البيانات من أكثر من مصدر في نفس الوقت، مما يقلل وقت الانتظار للنصف تقريباً.

​ليش هذا المشروع احترافي؟

​بدل ما أستخدم الطريقة التقليدية (تحميل البيانات بالترتيب)، استخدمت:

Promise.all مع Async/Await

عشان أحقق أقصى سرعة ممكنة.

المشروع يوضح مهاراتي في:

​رفع كفاءة الـ Loading: تنفيذ طلبات الـ API بالتوازي (Parallel fetching).

​إدارة الحالة (State Management): عمل نظام تنبيهات ذكي يوضح للمستخدم حالة الطلب (تحميل، نجاح، أو خطأ) بشكل فوري.

​العمليات الحسابية البرمجية: استخراج إحصائيات من البيانات الخام وجدولة النتائج (مثل حساب متوسط المنشورات لكل مستخدم).

​تنظيم الكود (Clean Architecture): الكود مقسم لموديلات (ES Modules) لضمان سهولة التطوير والصيانة مستقبلاً.

​الأدوات البرمجية:

​لغة البرمجة: Vanilla JavaScript.

​التعامل مع البيانات: Fetch API & JSONPlaceholder.

​التنسيق: CSS Grid & Flexbox لضمان استجابة اللوحة على كل الشاشات.

​الخلاصة:

​هذا النموذج يثبت قدرتي على بناء لوحات تحكم سريعة تتعامل مع مصادر بيانات متعددة بذكاء، مع الحفاظ على كود نظيف وسرعة استجابة عالية (Zero-lag UI).