mini social media site for a community

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

أبرز المزايا

• واجهة عربية بهوية بصرية خاصة: خطوط عربية مميزة، وزخارف إسلامية، ووضعان ليلي ونهاري.

• تصميم متجاوب يعمل بسلاسة على الجوال والتابلت والحاسوب.

• التاريخ الهجري في الصفحة الرئيسية، مع "درس اليوم" وجدول الأسبوع والانتقال المباشر إلى رابط الدرس.

• منشورات نصية مع صور، ومعاينة تلقائية للروابط، وتضمين فيديوهات يوتيوب داخل المنشور.

• تفاعلات متعددة (إعجاب، تقدير، فائدة)، وتعليقات مع ردود، ومشاركة المنشورات مع معاينة جذابة عند مشاركتها على مواقع التواصل.

• بحث في المنشورات، وتصفّح حسب الأقسام.

• حسابات المستخدمين: تسجيل، ودخول، واستعادة كلمة المرور عبر البريد الإلكتروني، وملف شخصي عام لكل عضو.

• نظام صلاحيات من ثلاثة أدوار:

– زائر: يتصفح ويعلّق ويتفاعل.

– كاتب: ينشر ويعدّل في الأقسام الموكلة إليه فقط، ويمكن منحه صلاحية إدارة الجدول.

– مشرف: لوحة تحكم كاملة للمنشورات والأقسام والجدول والتعليقات والمستخدمين، مع تعديل الصلاحيات فورًا.

• رفع الصور وتخزينها على السحابة (Cloudinary).

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

• الواجهة: React 18 و TypeScript و Vite و Tailwind CSS و React Router.

• الخادم: Node.js و Express و Prisma.

• قاعدة البيانات: PostgreSQL (Neon).

• الخدمات: Cloudinary للصور، و Brevo لإرسال البريد.

• الاستضافة: Render مع Docker، واختبارات آلية للخادم (Vitest) و GitHub Actions.