🤖 Qwen Chatbot Pro: منصة محادثة ذكاء اصطناعي متكاملة

🌟 Overview

Qwen Chatbot Pro is a high-performance, full-stack AI conversational platform powered by Alibaba Cloud's Qwen-Plus model. Built with a modern tech stack (React 19, tRPC, Drizzle ORM), it offers a seamless and secure chat experience with persistent conversation history and robust authentication. This project aims to provide a robust foundation for building scalable and intelligent chatbot applications.

🚀 Key Features

Intelligent Conversations: Powered by the advanced Qwen-Plus model for nuanced understanding and context-aware responses.
Persistent History: Automatically saves chat history to MySQL/TiDB, ensuring continuity across sessions.
Secure Authentication: Integrated with Manus OAuth for reliable user management and secure access.
Modern User Interface: Clean, responsive, and intuitive interface built with Tailwind CSS 4 and Lucide icons, offering an excellent user experience.
Developer Friendly: Type-safe API with tRPC, efficient database management with Drizzle ORM, and a well-structured codebase for easy development and maintenance.
Scalable Architecture: Designed for scalability, allowing for future expansion and increased user load.

🛠 Tech Stack

Layer	Technology
Frontend	React 19, Vite, Tailwind CSS 4, Wouter, Zustand (for state management)
Backend	Express, tRPC, Axios, Zod (for validation)
Database	MySQL / TiDB, Drizzle ORM
AI Model	Alibaba Cloud Qwen-Plus (DashScope)
Authentication	Manus OAuth

🌟 نظرة عامة

Qwen Chatbot Pro هي منصة محادثة ذكاء اصطناعي متكاملة وعالية الأداء تعتمد على نموذج Qwen-Plus من Alibaba Cloud. تم بناؤه باستخدام تقنيات حديثة (React 19, tRPC, Drizzle ORM) لتقديم تجربة دردشة سلسة وآمنة مع حفظ تاريخ المحادثات ونظام مصادقة قوي. يهدف هذا المشروع إلى توفير أساس متين لبناء تطبيقات محادثة ذكاء اصطناعي قابلة للتطوير وذكية.

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

محادثات ذكية: مدعوم بنموذج Qwen-Plus المتقدم لفهم دقيق وسياقي واستجابات واعية بالسياق.
تاريخ دائم: حفظ تلقائي لتاريخ الدردشة في قاعدة بيانات MySQL/TiDB، مما يضمن الاستمرارية عبر الجلسات.
مصادقة آمنة: متكامل مع نظام Manus OAuth لإدارة المستخدمين بشكل موثوق والوصول الآمن.
واجهة عصرية: تصميم نظيف ومتجاوب وبديهي باستخدام Tailwind CSS 4 وأيقونات Lucide، مما يوفر تجربة مستخدم ممتازة.
صديق للمطورين: واجهة برمجة تطبيقات آمنة النوع (Type-safe) مع tRPC، وإدارة فعالة لقاعدة البيانات باستخدام Drizzle ORM، وقاعدة تعليمات برمجية منظمة جيدًا لتسهيل التطوير والصيانة.
هندسة معمارية قابلة للتطوير: مصمم ليكون قابلاً للتطوير، مما يسمح بالتوسع المستقبلي وزيادة حمل المستخدمين.

⚙️ Setup & Installation | الإعداد والتثبيت

1. Prerequisites | المتطلبات

Node.js: 22.x+
pnpm: 10.x+
Database: MySQL or TiDB
API Key: Alibaba Cloud DashScope API Key

2. Installation | التثبيت

git clone <repository-url>
cd qwen-chatbot
pnpm install

3. Environment Variables | متغيرات البيئة

Create a .env file in the root directory:

DATABASE_URL=mysql://user:password@localhost:3306/qwen_chatbot
DASHSCOPE_API_KEY=sk-your-api-key-here
JWT_SECRET=your-jwt-secret
VITE_APP_ID=your-app-id
OAUTH_SERVER_URL=https://api.manus.im
VITE_OAUTH_PORTAL_URL=https://portal.manus.im

4. Database Migration | تهجير قاعدة البيانات

pnpm db:push

5. Run Application | تشغيل التطبيق

pnpm dev

Access the app at http://localhost:3000

📁 Project Structure | هيكل المشروع

qwen-chatbot/
├── client/          # Frontend (React + Tailwind + Zustand)
├── server/          # Backend (Express + tRPC + Zod)
├── drizzle/         # Database Schema & Migrations
├── public/          # Static assets (e.g., favicon, images)
└── README.md        # Documentation

✨ Future Enhancements & Modernization | تحسينات وميزات مستقبلية

لتحسين المشروع وجعله أكثر حداثة وجاذبية، نقترح الميزات والتحديثات التالية:

دعم نماذج AI متعددة (Multi-AI Model Support):
- إضافة القدرة على التبديل بين نماذج AI مختلفة (مثل GPT-4, Gemini, Llama) بدلاً من الاقتصار على Qwen-Plus. يمكن تحقيق ذلك من خلال واجهة برمجة تطبيقات موحدة (Unified API) أو طبقة تجريد (Abstraction Layer) في الواجهة الخلفية.
واجهة مستخدم تفاعلية (Interactive UI Enhancements):
- Streaming Responses: عرض استجابات الشات بوت بشكل تدريجي (streaming) بدلاً من الانتظار حتى تكتمل الاستجابة بالكامل، مما يحسن تجربة المستخدم.
- Markdown Rendering: دعم عرض Markdown بشكل كامل في رسائل الشات، بما في ذلك الكود، القوائم، والجداول.
- Dark Mode: إضافة خيار الوضع الداكن (Dark Mode) لتحسين الراحة البصرية.
- Responsive Design Improvements: تحسينات إضافية لضمان تجربة سلسة على جميع الأجهزة والشاشات.
إدارة المحادثات المتقدمة (Advanced Conversation Management):
- Conversation Naming: توليد أسماء تلقائية للمحادثات بناءً على المحتوى الأول، مع إمكانية التعديل اليدوي.
- Search & Filtering: إضافة وظائف للبحث والتصفية في تاريخ المحادثات.
- Export Chat History: توفير خيار لتصدير تاريخ المحادثات بتنسيقات مختلفة (مثل JSON, Markdown).
تحسينات الأداء والأمان (Performance & Security Enhancements):
- Caching Mechanisms: تطبيق آليات التخزين المؤقت (Caching) للبيانات المتكررة لتقليل حمل قاعدة البيانات وتحسين سرعة الاستجابة.
- Rate Limiting: إضافة قيود على معدل الطلبات (Rate Limiting) لحماية الواجهة الخلفية من الاستخدام المفرط أو الهجمات.
- Input Validation: تعزيز التحقق من صحة المدخلات (Input Validation) على كل من الواجهة الأمامية والخلفية لمنع الثغرات الأمنية.
التكامل مع أدوات خارجية (External Tool Integration):
- Web Search: دمج إمكانية البحث في الويب لتمكين الشات بوت من الوصول إلى معلومات حديثة.
- Image Generation: إضافة القدرة على توليد الصور باستخدام نماذج AI مثل DALL-E أو Stable Diffusion.
- File Uploads: السماح للمستخدمين بتحميل الملفات لتحليلها بواسطة الشات بوت.
نشر سهل (Easier Deployment):
- توفير ملفات Dockerfile و Docker Compose لتسهيل عملية النشر على أي بيئة سحابية أو محلية.
- إضافة تعليمات للنشر على منصات مثل Vercel (للواجهة الأمامية) و Render/Fly.io (للواجهة الخلفية وقاعدة البيانات).

🤝 Contributing | المساهمة

نرحب بالمساهمات في مشروع Qwen Chatbot Pro! إذا كنت ترغب في المساهمة، يرجى اتباع الإرشادات التالية:

Fork the repository.
Create a new branch for your feature or bug fix (git checkout -b feature/your-feature-name).
Make your changes and ensure they adhere to the project's coding standards.
Write clear commit messages.
Push your branch to your forked repository.
Open a Pull Request to the main branch of the original repository, describing your changes in detail.

📄 License | الترخيص

This project is licensed under the MIT License.

Built with ❤️ by AbdulElahGwaith and enhanced by Manus AI.

🐳 Docker Deployment | التشغيل عبر دوكر

You can now run Qwen Chatbot Pro easily using Docker:

# Clone the repository
git clone https://huggingface.co/AbdulElahGwaith/qwen-chatbot
cd qwen-chatbot

# Set up environment variables in .env
# DATABASE_URL=...
# DASHSCOPE_API_KEY=...

# Run with Docker Compose
docker-compose up --build

🛠️ Tech Stack | التقنيات المستخدمة

React 19: Modern UI framework.
tRPC: Type-safe API communication.
Drizzle ORM: Modern database management.
Docker: Containerized deployment.
Alibaba Cloud Qwen-Plus: Core AI model.

Downloads last month: -; Downloads are not tracked for this model. How to track

Inference Providers NEW

This model isn't deployed by any Inference Provider. 🙋 Ask for provider support