vibe Social App

تطوير وتصميم واجهة مستخدم (Frontend) متكاملة لمنصة تواصل اجتماعي حديثة، تتميز بالسرعة والأداء العالي والتجاوب التام. تم بناء المشروع بالكامل كـ Single Page Application (SPA) ومربوط جاهز للتكامل المباشر مع واجهات البرمجية (RESTful APIs) المبنيه بـ FastAPI.

الميزات والخصائص للواجهة:

نظام المحتوى والتفاعل: واجهات ديناميكية لإنشاء المنشورات، استعراض الخلاصة (Feed)، وإضافة التعليقات لحظياً.

إدارة العلاقات والأصدقاء: محرك بحث عن المستخدمين، تصفح البروفايل، ونظام متابعة (Follow / Unfollow) ذكي.

تجربة مستخدم آمنة ومحمية:

حماية الطرق والصفحات (Protected Routes) لمنع الوصول غير المصرح به.

إدارة الجلسات وتخزين الـ Tokens بشكل آمن (مثل JWT) وتشفير البيانات الحساسة على مستوى الـ Client-side.

معالجة ثغرات الواجهة المعتادة مثل XSS و CSRF لضمان أمان مدخلات المستخدم.

أداء واستجابة أمان: معالجة متقدمة لطلبات Axios تتضمن حماية من التكرار العشوائي، إدارة احترافية للأخطاء (Error Handling)، وعرض حالات التحميل (Loading States).

تصميم عصري ومتجاوب: تصميم مرن ومطابق لأحدث معايير تجربة المستخدم باستخدام Tailwind CSS ليعمل بكفاءة على الشاشات والهواتف كافة.

التقنيات المستخدمة (Frontend Only):

Framework: React.js

Styling: Tailwind CSS

HTTP Client: Axios (مع جاهزية كاملة للتكامل مع FastAPI)

لينك المعاينه: vibesocial-app.vercel.app