PinooChat-UI 🤥

رابط کاربری برای PinooChat API

---

درباره پروژه

PinooChat-UI، رابط کاربری (Frontend) اپلیکیشن چت بلادرنگ PinooChat است. این پروژه با استفاده از React، TypeScript و Vite ساخته شده و وظیفه نمایش و تعامل با کاربران را بر عهده دارد.

این برنامه به عنوان ** Client** برای API سمت سرور PinooChat عمل می‌کند. پروژه سرور با C# و ASP.NET Core نوشته شده .

نکته: این مخزن فقط شامل ظاهر (UI) و منطق سمت کاربر است. برای اجرای کامل برنامه، به PinooChat نیاز دارید.

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

• صفحات احراز هویت (ورود / ثبت‌نام)
• مدیریت پروفایل کاربران
• طراحی کاملاً واکنش‌گرا (Responsive)
• بارگذاری سریع با استفاده از Vite

ارتباط با پروژه Backend

این پروژه به طور خاص برای استفاده با PinooChat API طراحی شده است. مخزن سرور شامل موارد زیر است:

• معماری تمیز : (Api, Application, Domain, Infrastructure)
• زبان: C#
• فریمورک: ASP.NET Core 9.0
• ارتباط بلادرنگ: SignalR

برای راه‌اندازی کامل سیستم، هر دو پروژه باید به صورت همزمان اجرا شوند.

شروع سریع

پیش‌نیازها

• npm یا yarn
• (اختیاری) PinooChat برای اتصال به API واقعی

مراحل اجرا

۱. کلون کردن مخزن:

git clone https://github.com/NimaHaji/PinooChat-UI.git  
cd PinooChat-UI

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

npm install

۳. تنظیم متغیرهای محیطی:

cp .env.example .env.local

۴. اجرا در حالت توسعه (اتصال به API واقعی) :

npm run dev

اجرا در حالت دمو (بدون نیاز به API ) :

npm run dev:demo