منصة تواصل اجتماعي

وصف تطبيق Moka App

تطبيق Moka هو منصة تواصل اجتماعي (Social Media Platform) بتجمع بين المميزات الأساسية لأي شبكة اجتماعية حديثة، وتم تطويره باستخدام تقنيات Fullstack Development (React.js للواجهة الأمامية، Node.js + Express.js للباك إند، MySQL مع Sequelize ORM، و WebSockets للتحديثات اللحظية).

المميزات الرئيسية:

تسجيل الدخول والتسجيل (Authentication & Authorization)

- نظام تسجيل حساب جديد وتسجيل الدخول باستخدام JWT Tokens.

- التحقق من الهوية وتخزين الجلسة بشكل آمن.

النشر (Posts System)

- المستخدم يقدر ينشر منشورات نصية.

- إمكانية إضافة صور وفيديوهات للمنشور (باستخدام Multer للرفع).

- عرض معاينة (Preview) للصور والفيديوهات قبل النشر.

التفاعل (Likes & Comments)

- كل منشور ممكن يتعمله إعجاب (Like/Unlike).

- إضافة تعليقات على المنشورات.

- التفاعلات بتظهر بشكل مباشر باستخدام WebSockets.

الأصدقاء (Friendships)

- نظام علاقات بين المستخدمين (Friendship).

- كل مستخدم ممكن يضيف أو يقبل/يرفض طلبات الصداقة.

الملف الشخصي (Profile Page)

- صفحة بروفايل بتعرض معلومات المستخدم وصوره ومنشوراته.

- إمكانية رفع صورة بروفايل (Profile Photo).

- تصميم واجهة البروفايل مشابه لتصميم فيسبوك.

- دعم عرض بروفايل مستخدم غير مسجل دخول.

الإعدادات (Settings Page)

- تعديل الاسم الكامل، الإيميل، اسم المستخدم، كلمة السر.

- إمكانية تغيير صورة البروفايل من صفحة الإعدادات.

التحديث اللحظي (Real-Time Updates)

- تم استخدام WebSocket Server مع مكتبة ws في الباك إند.

- التحديثات اللحظية للمنشورات والتعليقات والإعجابات.

الهيكلية (Architecture)

- Frontend: React.js (مع hooks و context API).

- Backend: Node.js + Express.js.

- Database: MySQL + Sequelize ORM.

- File Uploads: Multer.

- Real-time: WebSockets.

- Styling: CSS مصمم بحيث يشبه فيسبوك (خصوصاً في صفحة البروفايل).