ایجاد یک رابط کاربری برای چت بات مشابه به ChatGPT که کاربر بتواند به راحتی با چت بات تعامل کند. با استفاده از فریمورک‌های react.js و next.js. تسک های مورد نیاز: 1. پیاده سازی تمام اجزا و صفحات طبق دیزاین داده شده در فایل figma در چتبات. 2. پیاده سازی لایت مد و دارک مد طبق دیزاین. 3. پیاده سازی صفحات لاگین و رجیستر بر اساس داکیومنت و apiهای ارسال شده و logout کردن کاربر. 4. نمایش متن چت بات و کاربر در فرمت ارسال شده و با markdown ارسال شده. 5. مدیریت Api های پرسشنامه و نقشه راه برای طی کردن مسیر پرسشنامه ها. 6. مدیریت API های ارسال و دریافت پیام‌ها و مدیریت حافظه، 7. مدیریت خطاها و نمایش پیام‌های مناسب به کاربر در صورت بروز مشکل. 8. امکان stream کردن پیام چتبات از طریق api فرستاده شده که امکان استریم را ساپورت میکند. 9. پیاده‌سازی قابلیت Auto-scroll به آخرین پیام وقتی کاربر پیام جدید ارسال میکند. 10. پیاده‌سازی قابلیت پاسخ‌گویی به کلیدهای میانبر مثل Enter) برای ارسال پیام و Cntrl+Enter برای رفتن به سطر بعد) 11. فعال سازی فیلد ورودی به صورت خودکار بعد از هرپیام. 12. غیر فعال کردن امکان ارسال پیام هنگام تولید خروجی توسط هوش مصنوعی (مانند chatgpt). 13. اضافه کردن قابلیت ارسال صوت توسط کاربر و دریافت api صوت. (اختیاری) 14. آشنایی با مفاهیم Progressive Web App (PWA) و پیاده‌سازی آن‌ها 15. پرسشنامه هایی از طریق api فرستاده میشود باید قابلیت نمایش و دریافت پاسخ کاربر به پرسشنامه ها (که به صورت 2گزینه ای یا چندگزینه ای – تقویم یا عددی هستند و verification انها) انجام شود. 16. بعد از دریافت پاسخ کاربر به پرسشنامه گزینه های مربوط حذف شده و پاسخ متنی کاربر به سوال نمایش داده میشود. 17. امکان ادیت پیام های قبلی در چت وجود داشته باشد. همچنین در پرسشنامه ها امکان ادیت پاسخ کاربر وجود داشته باشد. 18. قابلیت رندر مجدد صفحه و sort کردن پرسشنامه ها در کنار صفحه بعد از هرپیام کاربر. 19. طراحی ریسپانسیو و اطمینان از صحت عملکرد و زیبایی در صفحه نمایش گوشی. 20. بهینه سازی سرعت بارگذاری و صفحه و کارایی 21. انجام تست های لازم برای صحت عملکرد سامانه. 22. مستند سازی، نوشتن کد تمیز و کامنت گذاری روی اجزا و کامپوننت های کد.