طراحی اپلیکیشن ریسپانسیو با Next.js نمایش جزئیات کارت

توضیحات پروژه: ما به دنبال یک توسعه‌دهنده حرفه‌ای فرانت‌اند هستیم تا یک صفحه از اپلیکیشن وب ریسپانسیو با استفاده از Next.js طراحی کند. این صفحه از اپلیکیشن شامل ویژگی‌های زیر خواهد بود: صفحه‌ای طراحی شود که کارت‌هایی با اطلاعات زیر نمایش داده شوند: عنوان امتیاز تایپ کلاس(گروهی یا خصوصی) بازه سنی مخاطبان کلاس توضیحات تصویر هزینه (غیرقابل جستجو) طراحی و چیدمان کارت‌ها باید مطابق با طرح فیگما برای نسخه‌های موبایل و دسکتاپ باشد. قابلیت جستجو و فیلتر: یک نوار جستجوی کلاینت‌ساید در هدر صفحه اضافه شود. کاربران باید بتوانند بر اساس هر فیلدی به جز "هزینه" جستجو کنند. نتایج جستجو به صورت پویا، کارت‌های نمایش داده شده را فیلتر کنند. برای فیلتر، یکی از موارد مانند امتیاز را انتخاب کنید و برای آن لاجیک فیلتر کلاینت ساید دولوپ کنید. ناوبری: با کلیک روی هر کارت، کاربر به صفحه جزئیات کارت هدایت شود. صفحه دوم: جزئیات کارت نمایش اطلاعات کارت: در این صفحه تمام جزئیات کارت انتخاب‌شده در زیر یک هدر ثابت نمایش داده شود. دکمه بازگشت: یک دکمه بازگشت در هدر صفحه قرار داده شود تا کاربر به صفحه لیست کارت‌ها بازگردد. نیازمندی‌های عمومی طراحی ریسپانسیو: هر دو صفحه باید به صورت کامل ریسپانسیو باشند و به‌خوبی روی موبایل و دسکتاپ نمایش داده شوند. طراحی باید به طور دقیق مطابق با طرح‌های ارائه‌شده در فیگما برای نسخه‌های موبایل و دسکتاپ باشد. استک تکنولوژی: از Next.js به عنوان فریمورک اصلی استفاده شود. خروجی‌های مورد انتظار: صفحه اپلیکیشن کاملاً کاربردی با Next.js که تمامی ویژگی‌های ذکر شده را پیاده‌سازی کند. کد تمیز، قابل نگهداری و با توضیحات مناسب. طراحی ریسپانسیو مطابق با طرح‌های ارائه شده در فیگما. اطلاعات تکمیلی: لطفاً زمان‌بندی و هزینه تخمینی خود را برای انجام این پروژه اعلام کنید. اگر تجربه کار روی پروژه‌های مشابه دارید، لطفاً نمونه‌کارها یا پروژه‌های مرتبط خود را ارسال کنید. مشتاق همکاری با شما هستیم!