Clone Instagram

1. قسم رأس الملف الشخصي (Profile Header)

صورة الملف الشخصي: دائريّة الشكل (أفاتار) تعرض صورة المستخدم أو الشعار.

الإحصائيات:

عدد المنشورات (Posts)

عدد المتابعين (Followers)

عدد الحسابات المتابعة (Following)

السيرة الذاتية (Bio): وصف قصير يضيفه المستخدم لتوضيح هويته أو اهتماماته.

معلومات المتابَعة: تظهر بعض الحسابات التي تتابع المستخدم الحالي (مثل "يتبعه X و Y وآخرون").

أزرار الإجراءات:

متابَع (Following) → لإلغاء المتابعة.

رسالة (Message) → لإرسال رسالة مباشرة.

إضافة (Add) → لمتابعة الحساب (إذا لم يكن متابعًا).

2. إبرازات القصص (Story Highlights)

قائمة أفقية تحتوي على دوائر صغيرة (تمثل القصص المحفوظة).

كل دائرة تحتوي على صورة مصغّرة وعنوان (مثل "سفر"، "منتجات"، إلخ).

يمكن التمرير يمينًا أو يسارًا لعرض المزيد من الإبرازات.

3. شبكة المحتوى (Content Grid)

تنسيق ثلاثي الأعمدة: يعرض المنشورات (صور/فيديوهات) في شبكة منظمة.

تصميم متجاوب: يتكيف مع أحجام الشاشات المختلفة (جوال، تابلت، إلخ).

صور تجريبية: في حالة عدم وجود منشورات، قد تظهر مربعات فارغة أو صور افتراضية.

4. تبويب التنقل (Tab Navigation)

علامة التبويب "المنشورات" (Posts): تعرض المحتوى المنشور من قبل المستخدم بتنسيق الشبكة.

علامة التبويب "المنشورات الموسومة" (Tagged): مكان لحفظ المنشورات التي وُسِم فيها المستخدم (قد تظهر كصفحة فارغة أو تحتوي على رسالة توضيحية).

علامة التبويب "المحفوظات" (Saved): تُظهر المنشورات التي قام المستخدم بحفظها (خاصة به ولا يراها الآخرون).

ملاحظات إضافية:

الواجهة مصممة لسهولة الاستخدام مع التركيز على التفاعل البصري (الصور والفيديوهات أولوية).

الألوان والأيقونات بسيطة وتتبع هوية إنستجرام المعتادة (أبيض، أسود، أزرق).

بعض الأقسام (مثل "المحفوظات") تكون مخفية إلا للمستخدم نفسه.