پروژه های فرانت اند

# 🚀 همکاری | طراحی و توسعه قالب‌های حرفه‌ای منوی دیجیتال ### 🎨 دنبال یک پروژه خلاقانه و متفاوت هستی؟ ما در، پلتفرم منوی دیجیتال رستوران‌ها و کافه‌ها، قصد داریم مجموعه قالب‌های منوی دیجیتال خودمون رو گسترش بدیم و به دنبال یک برنامه‌نویس فرانت‌اند خلاق و حرفه‌ای برای همکاری پروژه‌ای هستیم. 🎯 **هدف پروژه:** طراحی و پیاده‌سازی ۳ تا ۴ قالب منوی دیجیتال مدرن، جذاب و کاملاً تعاملی که هرکدوم طراحی و هویت بصری متفاوتی داشته باشن. ما صرفاً دنبال چند صفحه استاتیک نیستیم! می‌خوایم منوهایی داشته باشیم که علاوه بر طراحی چشم‌نواز، تمام قابلیت‌های اون‌ها در محیط دمو واقعاً کار کنن. ## ✨ شرح پروژه ### 🎨 ۱. طراحی قالب‌های متفاوت - طراحی ۳ تا ۴ قالب با سبک بصری و چیدمان متفاوت؛ نه صرفاً تغییر رنگ یک طرح ثابت. - طراحی مدرن، خلاقانه و حرفه‌ای با اولویت موبایل. - استفاده از انیمیشن‌های سبک، روان و زیبا. - طراحی کارت محصولات، دسته‌بندی‌ها، مودال‌ها و بخش‌های مختلف با جزئیات مناسب. - نمایش صحیح در موبایل، تبلت و دسکتاپ. ### 🛍️ ۲. قابلیت‌های منوی دیجیتال تمام قابلیت‌های زیر باید به‌صورت عملی با JavaScript پیاده‌سازی بشن: - نمایش محصولات همراه با تصویر، قیمت، توضیحات و وضعیت موجودی. - دسته‌بندی و جست‌وجوی محصولات. - فیلترکردن محصولات. - نمایش جزئیات محصول در Modal. - لایک‌کردن و افزودن محصولات به علاقه‌مندی‌ها. - سبد خرید با امکان افزودن، حذف و تغییر تعداد محصولات. - محاسبه خودکار مبلغ سفارش و نمایش خلاصه خرید. - نمایش اطلاعات رستوران یا کافه، لوگو، تصاویر و اطلاعات تماس. مابقی بعد از صحبت به صورت آنلاین بهتون نمایش داده خواهد شد ### 🛒 ۳. ثبت سفارش حرفه‌ای فرایند ثبت سفارش باید کامل، تعاملی و قابل آزمایش باشه. **اطلاعات مشتری:** - نام و نام خانوادگی - شماره تلفن همراه - آدرس، در صورت نیاز - توضیحات سفارش - انتخاب روش دریافت سفارش **روش‌های دریافت سفارش:** - ارسال به آدرس مشتری - دریافت حضوری - سرو داخل سالن اگر مشتری گزینه «داخل سالن» رو انتخاب کرد، فیلد «شماره میز» به‌صورت پویا نمایش داده بشه. فیلدهای فرم نیز باید متناسب با انتخاب کاربر تغییر کنن. ### 💳 ۴. روش‌های پرداخت هر قالب باید سه روش پرداخت داشته باشه: - **پرداخت اینترنتی:** شبیه‌سازی انتقال به درگاه و نمایش نتیجه پرداخت. - **پرداخت در صندوق:** ثبت آزمایشی سفارش با انتخاب پرداخت حضوری. - **پرداخت کارت‌به‌کارت:** نمایش اطلاعات نمونه کارت مقصد، مبلغ قابل پرداخت و مرحله واردکردن اطلاعات پیگیری پرداخت. تمام مراحل باید قابل تعامل و آزمایش باشن؛ اتصال به درگاه واقعی یا بک‌اند نیاز نیست. ### ⚙️ تکنولوژی‌ها و الزامات فنی - HTML5 - Tailwind CSS - JavaScript خالص (Vanilla JS) کدها باید تمیز، ماژولار، قابل توسعه و بهینه باشن. استفاده از کتابخانه‌های سبک برای انیمیشن یا اسلایدر، در صورت نیاز، مجازه. ## 📌 محدوده پروژه این پروژه **صرفاً فرانت‌اند** است؛ نیازی به بک‌اند، API، دیتابیس یا پنل مدیریت نداریم. اطلاعات با داده‌های نمونه تأمین می‌شن، اما قابلیت‌هایی مثل جست‌وجو، فیلتر، علاقه‌مندی‌ها، سبد خرید، اعتبارسنجی فرم و فرایند سفارش باید واقعاً کار کنن. خروجی مورد انتظار، چند منوی دیجیتال قابل اجرا و آزمایش در محیط دمو به همراه سورس‌کد کامل است؛ نه صرفاً طرح گرافیکی یا صفحات استاتیک. ## 🤝 روند همکاری ابتدا نمونه‌های مرجع و قابلیت‌های موردنیاز رو در اختیارتون قرار می‌دیم. پس از پیاده‌سازی قالب اول و تأیید طراحی و عملکرد اون، قالب‌های بعدی با سبک‌های متفاوت توسعه پیدا می‌کنن. ## 👨‍💻 شرایط همکاری اگر به طراحی رابط کاربری مدرن و توسعه فرانت‌اند علاقه دارید، لطفاً هنگام ارسال پیشنهاد موارد زیر رو ارائه کنید: - نمونه کارهای مرتبط یا لینک گیت‌هاب - زمان پیشنهادی برای تکمیل پروژه - مبلغ پیشنهادی برای کل پروژه - توضیح کوتاهی درباره روش پیاده‌سازی **ما در بیامنو به دنبال خروجی باکیفیت، طراحی خلاقانه و تجربه کاربری حرفه‌ای هستیم. اگر می‌تونید منوهایی فراتر از طرح‌های معمولی بسازید، منتظر پیشنهاد همکاری شما هستیم! 🚀** قابلیت هایی که باید پیاده سازی بشه نوع و روش ساختتون بعد از برسی توافق خواهد شد فقط فرانت نیازه قیمت ... نمونه هست بعد از صحبت و توافق همکاری های لازم انجام خواهد شد نکته اینکه با ai ... بزنید مهم نیست فقط برای ما کیفیت اختصاصی بودن جذابیت کار مهم هستش ما یه صفحه که محصولات رو توش ریخته باشه نیاز نداریم یه چیز اختصاصی با بخش های زیبا و جذاب نیست داریم