AIChat

AIChat copied to clipboard

🤖 دستیار هوشمند شخصی شما - AIChat

A modern full-stack AI Chat app built with Next.js 15 & React 19. > Talk to multiple AI models via OpenRouter, manage chat history, and enjoy a sleek responsive UI. 🌐 Live Demo • ⭐ Star this repo

درباره پروژه

یک اپلیکیشن چت فول‌استک، مدرن و کاملاً واکنش‌گرا که با استفاده از جدیدترین تکنولوژی‌های وب (Next.js 15, React 19) ساخته شده است.
این پروژه به شما اجازه می‌دهد تا با مدل‌های مختلف هوش مصنوعی از طریق OpenRouter مکالمه کنید و تاریخچه گفتگوهای خود را مدیریت نمایید.

📸 نگاهی به پروژه

نمای اصلی اپلیکیشن در دسکتاپ

طراحی کاملاً واکنش‌گرا برای موبایل و قابلیت‌های پیشرفته مانند ویرایش پیام

🔥 ویژگی‌های کلیدی

• معماری مدرن فول‌استک: توسعه یافته با Next.js App Router و TypeScript برای عملکرد بالا و قابلیت نگهداری آسان.
• اتصال به چندین مدل AI: با استفاده از OpenRouter، به راحتی می‌توان بین مدل‌های مختلفی مانند Claude 3 Haiku، Mistral و... جابجا شد.
• طراحی کاملاً واکنش‌گرا (Responsive): تجربه کاربری یکپارچه در دسکتاپ، تبلت و موبایل، همراه با سایدبار مخفی‌شونده و حل مشکل رایج 100vh در مرورگرهای موبایل.
• مدیریت کامل تاریخچه چت:
  • ذخیره تمام مکالمات در localStorage برای ماندگاری اطلاعات.
  • قابلیت ساخت چت جدید، جابجایی بین چت‌ها و حذف مکالمات.
• عنوان هوشمند برای چت‌ها: برای هر مکالمه جدید، یک عنوان کوتاه و مرتبط به صورت خودکار توسط هوش مصنوعی تولید می‌شود.
• ویرایش پیام و ادامه گفتگو: کاربران می‌توانند پیام‌های خود را ویرایش کنند و هوش مصنوعی بر اساس پیام اصلاح‌شده، پاسخ جدید و مرتبطی ارائه می‌دهد.
• اصول معماری SOLID: پروژه با رعایت اصول کدنویسی تمیز و SOLID طراحی شده تا کدی قابل فهم، قابل توسعه و قابل نگهداری داشته باشد.

🛠️ پشته فناوری (Tech Stack)

دسته	تکنولوژی
فریمورک اصلی	Next.js 15 (App Router)
زبان	TypeScript
استایل‌دهی	Tailwind CSS
منطق کلاینت	React 19, React Hooks
بک‌اند	Next.js API Routes (Serverless Functions)
ارتباط با AI	OpenRouter API
استقرار	Netlify

🚀 راه‌اندازی و اجرا در سیستم شخصی

برای اجرای این پروژه به صورت محلی، مراحل زیر را دنبال کنید: ۱. کلون کردن ریپازیتوری:

git clone https://github.com/matinmousavi/AIChat.git
cd AIChat

۲. نصب وابستگی‌ها:

npm install

۳. تنظیم متغیرهای محیطی: یک فایل به اسم .env.local در ریشه اصلی پروژه بسازید و کلید API خود را که از OpenRouter دریافت کرده‌اید، در آن قرار دهید.

# .env.local
OPENROUTER_API_KEY="YOUR_OPENROUTER_KEY_HERE"

۴. اجرای پروژه:

npm run dev

حالا می‌توانید پروژه را در آدرس http://localhost:3000 مشاهده کنید.

🌟 حمایت از پروژه

اگر از این پروژه خوشتان آمده ❤️ لطفاً با دادن ⭐ در گیت‌هاب از آن حمایت کنید:

👉 Give a Star on GitHub

همچنین می‌توانید پروژه را Fork کرده و ایده‌های خود را اضافه کنید. نظرات و پیشنهادات شما در بخش Issues بسیار ارزشمند هستند🙏

📄 لایسنس

این پروژه تحت لایسنس MIT منتشر شده است. استفاده آزاد با حفظ حقوق سازنده بلامانع است.

👨‍💻 درباره توسعه‌دهنده

ساخته‌شده توسط Matin Mousavi

🌐 matin-mousavi.ir

🧠 GitHub: matinmousavi