تطبيق دردشة شبيه ب ماسنجر

وصف المشروع:

Next13-Messenger Clone هو تطبيق مراسلة فوري قوي تم بناؤه باستخدام Next.js 13، ويقدم تجربة تواصل ممتازة وغنية بالميزات. يجمع بين أحدث التقنيات مع واجهة مستخدم أنيقة لإعادة تعريف كيفية تفاعل المستخدمين عبر الإنترنت.

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

مراسلة فورية في الوقت الحقيقي باستخدام Pusher

إشعارات الرسائل والتنبيهات

تصميم واجهة مستخدم أنيق مدعوم بـ Tailwind CSS

️ تأثيرات الانتقال والرسوم المتحركة باستخدام Tailwind

استجابة كاملة لجميع الأجهزة

مصادقة آمنة للبيانات باستخدام Next Auth

التكامل السلس مع مصادقة Google و Github

تحميل الملفات والصور بسهولة باستخدام Cloudinary CDN

التحقق من صحة النماذج ومعالجتها على الجانب العميل باستخدام react-hook-form

التعامل مع أخطاء الخادم باستخدام react-toast

️ إيصالات قراءة الرسائل لتتبع الحالة

? مؤشر حالة المستخدم على الإنترنت/غير متصل

محادثات جماعية ومراسلة شخصية مخصصة

مرفقات الرسائل ومشاركة الملفات بسهولة

? تخصيص ملف تعريف المستخدم والإعدادات

️ كيفية كتابة طرق POST و GET و DELETE في معالجي الطرق (app/api)

️ كيفية جلب البيانات في مكونات React على الخادم عن طريق الوصول المباشر إلى قاعدة البيانات (بدون واجهة برمجة التطبيقات API! مثل Magic!)

التعامل مع العلاقات بين مكونات الخادم والأطفال في بيئة الوقت الحقيقي

إنشاء وإدارة غرف الدردشة والقنوات

استمتع بعالم المراسلة الحديثة في الوقت الحقيقي واستكشف الإمكانيات مع Next13-Messenger Clone!

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

- Next.js 13: يمكنك الاعتماد على التقنية المتقدمة في العرض والتوجيه على الجانب العميل المحسَّن في Next.js 13.

- Pusher: يمكنك تمكين وظيفة المراسلة الفورية في الوقت الحقيقي.

- Tailwind CSS: تصميم التطبيق باستخدام إطار العمل CSS الذي يركز على الأداء.

- Next Auth: يبسط مصادقة البيانات مع التكامل مع اعتماد البيانات وجوجل و Github.

- MongoDB: قاعدة بيانات NoSQL قوية وقابلة للتوسعة لتخزين البيانات.

- Prisma: مجموعة أدوات للوصول إلى قواعد البيانات، بما في ذلك MongoDB.

- Cloudinary: إدارة تحميل الملفات والصور بسهولة في السحابة.

- React-hook-form: ضمان التحقق من صحة النماذج ومعالجتها على الجانب العميل.

- react-toast: التعامل مع أخطاء الخادم بأناقة.

استخدام

- قم بالتسجيل أو تسجيل الدخول باستخدام وسيلة المصادقة المفضلة لديك.

- ابدأ المحادثات الفورية، سواء كانت شخصية أو جماعية.

- قم بتخصيص ملف تعريف المستخدم والإعدادات.

- استكشف ثروة الميزات التي يقدمها Next13-Messenger Clone!