تفاصيل العمل

هذا مشروع تطبيق ويب كامل (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 للتواصل مع الخوادم.

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

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
تاريخ الإضافة
تاريخ الإنجاز