طراحی اپلیکیشن ریسپانسیو با Next.js

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