هذا مشروع تطبيق ويب كامل (Full-Stack) يحاكي واجهة وتجربة برنامج DeepSeek للدردشة بالذكاء الاصطناعي. تم تطويره باستخدام أحدث تقنيات الويب، ويتيح للمستخدمين التفاعل مع الذكاء الاصطناعي في محادثات فورية مع إمكانية حفظ سجل المحادثات وإدارة الحسابات.
* نوع العمل
تطبيق ويب كامل (Full-Stack Application)
واجهة دردشة تفاعلية (Real-time Chat Interface)
* الميزات الرئيسية
- محادثات ذكية: دمج مع ذكاء DeepSeek الاصطناعي عبر واجهة OpenRouter API.
- واجهة محادثة سلسة: رسائل فورية مع تأثيرات كتابة أنيقة.
- نظام تسجيل ودخول آمن: باستخدام خدمة Clerk.
- إدارة المحادثات: إنشاء، إعادة تسمية، حذف، وتنظيم عدة محادثات.
- حفظ البيانات: تخزين سجل المحادثات في قاعدة بيانات MongoDB.
- تمييز أكواد البرمجة: باستخدام Prism.js لعرض الأكواد بشكل جميل داخل الرسائل.
- تصميم متجاوب: يناسب جميع الأجهزة باستخدام Tailwind CSS.
- واجهة عصرية: تصميم داكن أنيق مستوحى من DeepSeek.
* طريقة التطوير
تم بناء المشروع باستخدام:
- (Frontend):
React 18 و Next.js 15 لبناء واجهة تفاعلية وسريعة.
TypeScript لضمان جودة الكود (جاهز للتطبيق).
Tailwind CSS للتصميم المرن والجميل.
- (Backend):
Next.js API Routes لإنشاء نقاط نهاية خادمية بدون تعقيد.
MongoDB مع Mongoose لتخزين واسترجاع بيانات المستخدمين والمحادثات.
Clerk لإدارة المصادقة والمستخدمين بسهولة.
التقنيات المساعدة:
OpenRouter API لتوصيل الذكاء الاصطناعي.
Prism.js لتنسيق الأكواد البرمجية.
React Hot Toast للإشعارات.
Axios للتواصل مع الخوادم.
- مشروع متكامل يجمع بين الذكاء الاصطناعي وتجربة المستخدم السلسة، مع بنية تقنية حديثة وقابلة للتوسع.