Full-Stack Social Media Application

Full-Stack Social Media Platform مبنية باستخدام Next.js 16 وReact 19 وTypeScript، مع التركيز على بناء تجربة اجتماعية متكاملة وقابلة للتوسع.

تم تطوير التطبيق باستخدام Next.js App Router مع Modular Architecture تفصل بين domains مختلفة مثل Authentication وFeed وMessaging وNotifications وProfile، بالإضافة إلى استخدام Route Groups وParallel/Intercepting Routes لبناء تجربة تنقل وواجهات تفاعلية متقدمة.

أبرز المميزات والتقنيات:

بناء منصة Social Media متكاملة باستخدام Next.js 16 وReact 19.

Real-time Messaging باستخدام Socket.io للمحادثات الفورية.

Live Notifications لتحسين تجربة التفاعل داخل التطبيق.

تصميم Data Layer باستخدام Prisma ORM وPostgreSQL المستضافة على Neon.

استخدام Upstash Redis للـcaching وrate limiting.

دمج Cloudinary لإدارة وتحسين رفع وتسليم الصور والفيديوهات للـposts والavatars والstories.

إنشاء Posts والتفاعل معها باستخدام Intercepting Route Modals.

Explore وSearch لاكتشاف المحتوى والمستخدمين.

Comments وProfile Pages وSettings.

Video Feeds وتجربة محتوى متعددة الوسائط.

استخدام Zustand لإدارة الـglobal state.

بناء Responsive UI باستخدام Tailwind CSS وRadix UI/Shadcn.

دعم Dark/Light Mode باستخدام next-themes.

استخدام Server Actions وRoute-based API Handlers لتنظيم الـserver-side logic.

Custom Middleware للتعامل مع Authentication وSessions.

المشروع يوضح خبرتي في بناء Full-Stack applications باستخدام Next.js، والتعامل مع قواعد البيانات، Real-time communication، caching، file/media management، authentication، state management، وواجهات المستخدم الحديثة.