طراحی یک صفحه ui فرانت با vuejs

سلام وقت بخیر طراحی یک صفحه چت دقیقا مشابه ui صفحه چت یک پیامرسان معروف برای یک وب اپ که در موبایل فقط کار می کند مورد نیاز است، لطفا اگر در زمینه طراحی ui و فرانت اند تخصص دارید فقط این پروژه را قبول کنید. 1- قابلیت ثبت پیام بصورت متنی، و نمایش آن 2- قابلیت ضبط صدا و نمایش آن به همان صورت که در آن پیام رسان نمایش داده می شود و قابل پخش هم باشد. 3- قابلیت ضبط ویدیو از کاربر به همان شکلی که در صفحه چت آن پیام رسان میتوانیم استوری ضبط کنیم و نمایش در صفحه چت، البته لازم نیست بصورت دایره ای پخش شود. 4- قابلیت اپلود و دانلود فایل همراه با پروگرس بار ان 5- ایتم ها باید شبیه ان پیام رسان معروف باشد از همان رنگ و ui پیروی کند. 6- قابلیتی قرار داده شود که یک ارایه ای از پیام ها را به این سیستم بدهیم و بتوانیم انها را در لیست نمایش بدهیم، برای مثال زمانی که چت های گذشته کاربر را میخواهیم نمایش بدهیم. 7- ایتم لاگ هم قابلی نمایش باشد مثلا مکان هایی که تاریخ نمایش داده میشود بین چت ها و به رنگ مشکی است. در مجموع ایتم های قابل نمایش به چند دسته تقسیم می شود : پیام متنی، فایل، تصویر، صوت، استوری (ویدیو) نکات مهم : قابلیت های دیگری که در صفحه چت آن پیام رسان معروف وجود دارد مثل ری اکشن، ویدیو کال و ... نیاز نیست ui نسخه اندروید ملاک است و نه نسخه وب یا ویندوز از vuejs نسخه 3 و بصورت Script Setup نوشته شود، بهتر است است فریمورک هایی مثل بوت استرپ استفاده نشود چون طرح شبیه آن پیام رسان معروف نخواهد شد. همچنین این قابلیت باشد که پیام بصورت گیرنده یا فرستند نمایش داده شود، چون پیام گیرنده از راست و فرستند از چپ نمایش داده می شود نیاز نیست اطلاعات به سروری ارسال شود فقط لازم است پیام ها از هر نوع که هست در IndexedDB با یک ای دی ذخیره شود و قابل بازیابی هم باشد.