موقع مشابه للفيس بوك جميل وجذاب

الصفحة الرئيسية (Home Page):

تصميم بسيط وجذاب يعرض محتوى المنشورات بترتيب زمني.

شريط تنقل علوي يحتوي على الشعار وأزرار الانتقال إلى الصفحة الرئيسية، الإشعارات، والرسائل، وزر ملف التعريف.

قسم للمنشورات يتضمن حقلًا لإنشاء منشور جديد، مع إمكانية إضافة نصوص وصور.

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

ملف المستخدم (Profile Page):

صورة غلاف كبيرة وصورة ملف شخصي.

قسم معلومات المستخدم يحتوي على الاسم، نبذة مختصرة، وبعض المعلومات الأساسية.

قائمة المنشورات الخاصة بالمستخدم فقط.

قائمة الأصدقاء (Friends List):

عرض جميع الأصدقاء في شبكة بصرية تحتوي على الصور الشخصية والأسماء.

زر إرسال رسالة بجانب كل صديق.

الإشعارات (Notifications):

شريط جانبي يظهر الإشعارات الحديثة.

عرض مختصر للإشعارات، مثل التعليقات أو الإعجابات على المنشورات.

الرسائل (Messaging):

نافذة دردشة بسيطة للتفاعل مع الأصدقاء.

قائمة الأصدقاء مع نافذة محادثة تظهر الرسائل المرسلة والمستقبلة بشكل مرتب.

التقنيات المطلوبة:

HTML: لإنشاء هيكل الصفحات وعناصر المحتوى.

CSS: لتصميم الشكل الخارجي، مثل الألوان والخطوط والتخطيطات.

JavaScript: لإضافة التفاعلات الديناميكية، مثل نشر المنشورات، التفاعل مع الأزرار، وتحديثات الوقت الحقيقي للرسائل والإشعارات.