کد نویسی فرانت اند ui وبسایت فروشگاهی با next.js + tailwind

1. مشخصات کلی پروژه نوع پروژه: hybrid (SSR + SSG) تعداد صفحات : (40 صفحه) 🎨 2. طراحی و UI فایل UI موجود است. طراحی کاملاً کاستوم با Tailwind از صفر (طرح باید 100% مطابق UI باشد بدون هیچ گونه تفاوت) ⚙️ 3. ساختار فنی (Front-end Stack) Framework: Next.js Styling: Tailwind CSS THEME: DARK State Management: React Query + Zustand Context API Routing: App Router Form Handling: React Hook Form Validation: Yup 🧪 4. API و Mock Server فرانت‌اند باید مستقل با MockAPI.io (یا در صورت نیاز JSON Server محلی) توسعه یابد. تمامی درخواست‌ها از طریق endpointهای Mock انجام می‌شود تا رفتار واقعی سیستم شبیه‌سازی گردد. پس از تکمیل طراحی فرانت، پروژه به بک‌اند واقعی (احتمالاً Node.js یا Laravel) متصل خواهد شد. ساختار endpointها باید به‌گونه‌ای طراحی شود که در آینده تنها Base URL تغییر کند و نیازی به بازنویسی توابع نباشد. Auth Mock NEEDED سیستم Login / Register لازم است. JWT (JSON Web Token) احراز نقش ها: USER / ADMIN / PHARMACIST /MODERATOR حالت ریسپانسیو بودن برای موبایل الزامی است. «کد پروژه در ریپازیتوری GitHub قرار می‌گیرد و در طول توسعه، کامیت‌های مرحله‌ای جهت بررسی پیشرفت کار انجام می‌شود.» «پروژه دارای دو محیط خواهد بود: Staging جهت تست و بازخورد مرحله‌ای Production جهت دپلوی نهایی پس از تایید کامل.» «دپلوی پروژه روی Vercel انجام می‌شود (قابل مشاهده در هر مرحله توسعه). در صورت نیاز، نسخه Production روی دامنه اصلی متصل می‌شود.» «تحویل شامل کل ساختار فرانت‌اند (UI + منطق + اتصال به Mock API) خواهد بود.» 💰 9. بودجه و فازبندی مبلغ توافقی در 4 پرداخت امن در مراحل زیر تقسیم و با تایید هر مرحله آزاد سازی خواهد شد. طراحی و پیاده‌سازی UI اتصال MockAPI و تست داده‌ها بهینه‌سازی و انیمیشن‌ها داکیومنت و تحویل نکات مهم: پروژه فقط بر بستر پونیشا انجام شده و سطح مناسب فریلنسر و نمونه کارهای UI قبلی جهت مقایسه نیاز است. تطابق خروجی فرانت با UI باید 100% باشد. زمانبندی و انجام کار در زمان اعلامی توسط فریلنسر الزامی است و در صورت توافق جریمه های دیرکرد روزانه قابل توجه خواهد بود (جهت جلوگیری از تاخیر) نیاز به گزارش و ارتباط روزانه/هفتگی با کارفرما جهت توضیح پیشرفت و نمایش خروجی صفحه به صفحه با پیشرفت کار نیاز است.. با توجه به سایز پروژه فریلنسر باید حتما دارای رزومه جهت اثبات توانایی انجام کار را ارایه دهد. لطفا پیشنهادات و رزومه خود را ارسال کنید.. لینک فیگما جهت بررسی دقیق صفحات و قیمت دهی دقیق در چت ارسال خواهد شد. با تشکر