Socil Media App

Linked/Post – تطبيق سوشيال ميديا متكامل

قمت بتطوير واجهة أمامية كاملة لتطبيق سوشيال ميديا حديث باستخدام React، مع ربطه بالكامل بالـ REST API وتنفيذ جميع العمليات الخاصة بالمستخدمين، البوستات، والتعليقات.

التطبيق يوفر تجربة استخدام سلسة وحديثة، مع دعم التحديث الفوري للبيانات، نظام ثيم (Dark / Light)، وتم تحسين الأداء باستخدام تقنيات متقدمة لإدارة البيانات والتخزين المؤقت.

أهم المميزات

نظام تسجيل ودخول احترافي

تسجيل مستخدمين جدد مع تحقق قوي من البيانات

تسجيل دخول باستخدام JWT Authentication

حماية الصفحات (Protected Routes)

إدارة بيانات المستخدم وتعديل الصورة الشخصية وكلمة المرور

نظام تفاعل سوشيال متكامل

إنشاء بوستات نصية وصورية

تعديل وحذف البوستات الخاصة بالمستخدم

نظام تعليقات كامل (إضافة – تعديل – حذف)

عرض بروفايل كل مستخدم وبوستاته

تحديث الفيد تلقائيًا عند إضافة محتوى جديد

Infinite Scroll لعرض البوستات بدون تحميل الصفحة

تجربة مستخدم متقدمة (UX)

تصميم Responsive متوافق مع الموبايل والتابلت والديسكتوب

نظام Dark / Light Mode مع حفظ الاختيار

Skeleton Loading لتحسين الإحساس بالسرعة

معالجة احترافية للأخطاء وحالات التحميل

Prefetching للبيانات لتسريع التنقل بين الصفحات

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

React 19

React Router DOM

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

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

React Hook Form + Zod للتحقق من النماذج

Context API لإدارة حالة التوكن والثيم

TailwindCSS + DaisyUI للتصميم

تحسين الأداء

استخدام React Query Caching لتقليل عدد الطلبات

Infinite Query للتعامل مع البيانات الكبيرة

Lazy Loading لتقليل حجم التحميل الأولي

تنظيم المشروع بهيكل قابل للتوسع والصيانة

المشروع يعكس قدرتي على:

قراءة وتنفيذ API Documentation بشكل احترافي

بناء Frontend Architecture منظم وقابل للتطوير

إدارة حالات التحميل والأخطاء بشكل احترافي

تحسين الأداء وتجربة المستخدم

كتابة كود نظيف وقابل للصيانة