تخطَّ إلى المحتوىجعفر محمود — مطوّر واجهات أمامية
كل الأعمال

كونكتا

شبكة اجتماعية ثنائية اللغة، بنيتها بالكامل من الواجهة حتى الخادم.

السنة
2025
الدور
مشروع شخصي، واجهة وخادم
التقنيات
Next.js 16, TypeScript, TanStack Query, Socket.IO, Fastify, Prisma, PostgreSQL
الصفحة الرئيسية في كونكتا بالعربية، الوضع الفاتح
منشور مع التعليقات، الوضع الداكن
الإعدادات: الحساب الخاص والمظهر واللغة

نظرة عامة

كونكتا منصة تواصل اجتماعي فيها صفحة رئيسية ومنشورات بالصور وتعليقات وإعجابات ومحفوظات واقتراحات متابعة وإشعارات وحسابات خاصة. تعمل بالكامل بالعربية والإنجليزية، مع وضع فاتح وداكن وحسب النظام.

الواجهة

مبنية بـ Next.js 16 و React 19. تُدار بيانات الخادم والتخزين المؤقت عبر TanStack Query، وتُتحقق النماذج بـ React Hook Form و Zod، وتصل التحديثات اللحظية عبر Socket.IO.

الخادم

واجهة برمجية بـ Fastify و TypeScript فوق PostgreSQL عبر Prisma، مع جلسات محفوظة على الخادم يمكن إلغاؤها، وتأكيد البريد الإلكتروني، واستعادة كلمة المرور، وتحديد معدل الطلبات، ورفع الصور، وإشعارات لحظية، وتوثيق Swagger.

النتائج

  • تقليل استعلامات قاعدة البيانات في الصفحة الرئيسية من 112 إلى 12
  • تقليل زمن الوصول لقاعدة البيانات من 407 إلى 15 ملّي ثانية بنقلها إلى نفس منطقة الخادم
  • رسائل البريد التلقائية (تأكيد الحساب، استعادة كلمة المرور، الدخول بالرابط) تُرسل من دومين خاص عبر Resend، مع إعداد SPF و DKIM لضمان وصولها

روابط