LinkedPosts - منصة تواصل اجتماعي عصرية باستخدام React 19 وTailwind v4

منصة تواصل اجتماعي متكاملة تركز على تقديم تجربة تصفح سلسة وجذابة للمحتوى تعتمد على نظام بطاقات (Card-based Layout) مستوحى من واجهات فيسبوك ولينكد إن، مع التركيز الكامل على الأداء العالي والتفاعلات الدقيقة (Micro-interactions).

تعتمد المنصة على بنية برمجية حديثة تضمن سرعة تحميل فائقة وإدارة ذكية للبيانات. إليك أبرز ما تم تنفيذه في المشروع:

- نظام الحماية والمصادقة (Authentication): نظام تسجيل دخول وإنشاء حساب متكامل مع حماية المسارات (Route Guards) لمنع تصفح المنصة دون تسجيل، وتوجيه المستخدمين بشكل ذكي.

- تغذية الأخبار والتفاعل (Interactive Feed): عرض المنشورات بشكل ديناميكي ودعم رفع الصور والنصوص، مع نظام تعليقات فوري يتيح قراءة وإضافة التعليقات مباشرة.

- إدارة الملفات الشخصية: صفحة شخصية لكل مستخدم تتيح استعراض منشوراته وتحديث صورته الشخصية، بجانب إمكانية تصفح ملفات المستخدمين الآخرين.

- واجهة مستخدم متطورة (UI/UX): تصميم متجاوب بالكامل مع الشاشات الصغيرة عبر قائمة تنقل جانبية مبتكرة (Grid-based Slide-out Navigation)، ودعم كامل للوضع الداكن والفاتح (Light/Dark Mode) وحفظ التفضيلات، مع حركات وانتقالات سلسة باستخدام Framer Motion.

التقنيات المستخدمة:

- React 19.2 + Vite

- React Router DOM v7 (Lazy Loading)

- TanStack React Query v5 (إدارة الكاش والبيانات)

- Tailwind CSS v4 + HeroUI v2

- React Hook Form + Zod (التحقق من المدخلات)

- Axios للتعامل مع الـ REST API