تطبيق معرض المستخدمين (User Gallery) تفاعلي باستخدام JavaScript و Tailwind CSS

تطبيق ويب ديناميكي ومتجاوب (Responsive) يقوم بجلب وعرض بيانات المستخدمين من واجهة برمجة تطبيقات خارجية (API) باستخدام تقنيات JavaScript المتقدمة. يركز المشروع على تقديم تجربة مستخدم سلسة مع تصميم عصري.

أبرز الميزات التقنية والوظيفية:

الربط مع API: جلب البيانات الحقيقية للمستخدمين من (JSONPlaceholder) باستخدام Fetch API و Async/Await لضمان سرعة الأداء.

إدارة الحالات (State Management): التعامل الذكي مع حالات التطبيق المختلفة:

حالة التحميل (Loading): عرض مؤشر تحميل (Spinner) مخصص أثناء جلب البيانات.

حالة الخطأ (Error Handling): عرض رسائل خطأ واضحة للمستخدم مع زر "إعادة المحاولة" (Retry) في حال فشل الاتصال.

حالة النجاح: عرض البيانات في بطاقات أنيقة.

تصميم عصري بـ Tailwind CSS: استخدام إطار العمل Tailwind لتنسيق العناصر، بما في ذلك:

تخطيط شبكي متجاوب (Responsive Grid) يناسب جميع الشاشات.

تأثيرات حركية (Hover Effects) جذابة على البطاقات.

تدرجات لونية (Gradients) عصرية.

معالجة DOM: إنشاء عناصر HTML ديناميكيًا بناءً على البيانات المستلمة (الاسم، البريد، الهاتف، الشركة).

Live Demo Link: https://mohammed-004del.g...