طراحی فرانت اند یک وبسایت - React.js، Next.js

نیازمندی‌های برنامه نیازمندی های کلی: برنامه باید با پلت فرم Next.js و react.js و زبان typescript نوشته شود. زبان محصول نهایی بایستی انگلیسی باشد با قابلیت اضافه شدن زبان فارسی (در آینده) ثبت‌نام و ورود: پشتیبانی از ثبت‌نام با ایمیل و تأیید ایمیل. اجازه ورود با حساب‌های Google، Facebook، و Apple. پیاده‌سازی قابلیت "فراموشی رمز عبور" با بازنشانی رمز از طریق ایمیل. بک اند از سرویس فایر بیس استفاده می کند مدیریت پروفایل: امکان مشاهده و ویرایش اطلاعات پروفایل (نام، ایمیل، عکس پروفایل). بارگذاری رسانه: امکان بارگذاری تصاویر یا ویدئوهای تا 30 ثانیه برای کاربران ثبت‌نام شده و تأیید شده. پیاده‌سازی نوار پیشرفت و نشانگر وضعیت برای بارگذاری‌ها. نمایش نشانگر وضعیت پردازش در حال انتظار برای بازگشت نتایج از سرویس. بک اند فایربیس و یک سرویس رست ای پی ای می باشد نمایش نتایج: نمایش رسانه‌های پردازش شده در داشبورد کاربر با عناصر زیر: نمایش نتایج شامل چندین ویجت مختلف می باشد. نمایش برای هر پروژه (هر رسانه بارگذاری شده) مجزا می باشد ویجت اول: یک تصویر پوششی روی تصویر یا ویدئو اصلی. ویجت دوم: نمودارها (مثلاً نمودار میله‌ای، دایره‌ای) که معیارهای کیفیت را نشان می‌دهند. ویجت سوم: جعبه‌های متنی در مکان‌های مختلف روی تصویر یا ویدئو که اطلاعات دقیق کیفیت را ارائه می‌دهند. ویجت چهارم: چت کردن کاربر با بک اند برای پرسش و پاسخ در مورد رسانه بارگذاری شده صفحه درخواست دمو برنامه: یک فرم ساده برای درخواست دموی محصول، شامل اطلاعات زیر: نام ایمیل شرکت (اختیاری) شماره تلفن (اختیاری) پیام/نظرات پیاده‌سازی CAPTCHA برای جلوگیری از ارسال اسپم. ارسال ایمیل به مدیر با جزئیات درخواست. اعلان‌های درون‌برنامه‌ای: نمایش اعلان‌ها در داشبورد کاربر برای رویدادهای مهم مانند تکمیل بررسی کیفیت. طراحی پاسخگو (responsive): اطمینان از اینکه برنامه وب پاسخگو است و به خوبی روی دستگاه‌های مختلف (دسکتاپ، تبلت، موبایل) کار می‌کند. رابط کاربری دوست‌دار کاربر: چیدمان تمیز و شهودی برای ناوبری آسان. ارائه ابزارک‌ها و آیکون‌های راهنما در صورت نیاز. تست واحد و یکپارچه‌سازی: پیاده‌سازی تست‌های خودکار برای قابلیت‌های کلیدی. مستندات فنی: ارائه مستندات دقیق برای کدبیس