تخطي إلى المحتوى الرئيسي

Command Palette

Search for a command to run...

Chat Whizz

ChatWhizz | دردشة فورية مع Pusher — Next.js وNextAuth وPrisma وCloudinary

Chat Whizz

ChatWhizz تطبيق دردشة فورية على الويب بـ Next.js وPusher، مع دردشات جماعية ورسائل مباشرة، إشعارات، وإدارة ملفات تعريف—كما في README المشروع.

عرض حي: chat-whizz.vercel.app.

الغلاف (cover.webp) — لبطاقات الرئيسية و/projects وصورة البطل ومعاينات المشاركة؛ الإطار عريض مع object-cover. هنا يطابق معاينة سطح المكتب.

المعاينات — لقطتا سطح المكتب والجوال من المستودع، ضمن public/images/projects/chat-whizz/.

ChatWhizz — معاينة واجهة سطح المكتب
ChatWhizz — معاينة واجهة سطح المكتب
ChatWhizz — معاينة واجهة الجوال
ChatWhizz — معاينة واجهة الجوال

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

  • 🔒 المصادقةNextAuth مع Google وGitHub
  • 🎉 الغرف — إنشاء وإدارة غرف دردشة وقنوات
  • 📱 الوقت الفعلي — عبر Pusher
  • 📨 جماعي وخاص — دردشات جماعية وفردية
  • 📌 الإشعارات — تنبيهات الرسائل
  • 🌐 الحضور — حالة متصل / غير متصل
  • 👤 الملفات — تخصيص الملف الشخصي والإعدادات
  • 🎁 المرفقات — صور وملفات عبر Cloudinary
  • 🧨 الرسائلتعديل وحذف فوري للجميع
  • 🎨 المظهر — فاتح / داكن
  • 🚀 SEO والأداء — ميتا، Next/Image، خرائط موقع
  • 🎊 تصميم متجاوب
  • Next.js
  • TypeScript
  • Tailwind CSS
  • NextAuth.js
  • Prisma
  • Pusher
  • Cloudinary
  • Zustand
  • React Hook Form
  • فصل التسليم الفوري (Pusher) عن البيانات الدائمة (Prisma) لنموذج خادم أوضح
  • استخدام Cloudinary لمسار المرفقات بدل تخزين ثقيل داخل التطبيق
  • دمج الحضور والإشعارات مع تدفقات تعديل/حذف الرسائل في واجهة واحدة

أعجبك ما تراه؟

أبني تطبيقات ويب وموبايل ومنتجات SaaS مخصصة. راسلني على واتساب ولنناقش مشروعك القادم.

تواصل عبر واتساب

مشاريع ذات صلة