اپلیکیشن

یک سایت/وب‌اپلیکیشن واقعی و زیبا برای یک رستوران بساز که برای استفاده عمومی منتشر شود و روی موبایل و دسکتاپ درست کار کند. تمرکز سایت روی هر سه قابلیت معرفی و منوی آنلاین، رزرو میز و سفارش آنلاین با سبد خرید باشد؛ نمایشی و صرفاً پوستر نباشد. صفحه‌ها و قابلیت‌ها: ۱) صفحه اصلی جذاب با نام و هویت بصری رستوران، تصویر یا پس‌زمینه‌ی اشتهابرانگیز ساخته‌شده با طراحی خود سایت، معرفی کوتاه، غذاهای محبوب، پیشنهاد ویژه، دکمه‌های «دیدن منو»، «سفارش آنلاین» و «رزرو میز»، ساعات کاری، آدرس و اطلاعات تماس. ۲) صفحه منو با دسته‌بندی‌هایی مثل پیش‌غذا، غذای اصلی، پیتزا، برگر، نوشیدنی و دسر. هر آیتم تصویر، نام، توضیح، قیمت، برچسب محبوب/ویژه و وضعیت موجودی داشته باشد. جست‌وجو و فیلتر دسته‌بندی کار کند و کاربر بتواند آیتم‌ها را به سبد اضافه کند. ۳) صفحه جزئیات غذا با انتخاب تعداد و در صورت نیاز افزودنی‌ها یا توضیحات سفارش. ۴) سبد خرید واقعی با افزایش و کاهش تعداد، حذف آیتم، جمع جزء، هزینه ارسال قابل تنظیم، مبلغ نهایی و فرم نام، شماره تماس، آدرس یا انتخاب حضوری. اعتبارسنجی فرم و پیام خطا/موفقیت واضح داشته باشد. اطلاعات سبد و فرم‌ها در localStorage حفظ شوند تا با بستن و بازکردن دوباره از بین نروند. ۵) صفحه رزرو میز با فرم واقعی شامل نام، شماره تماس، تاریخ، ساعت، تعداد نفرات و توضیحات. زمان‌های گذشته قابل انتخاب نباشند، اعتبارسنجی انجام شود و رزروهای ثبت‌شده در دستگاه ذخیره و در بخش مدیریت نمایش داده شوند. ۶) صفحه درباره رستوران، گالری تصاویر نمونه، نظرات مشتریان، ساعات کاری، آدرس، نقشه‌ی نمایشی، شماره تماس و لینک شبکه‌های اجتماعی. ۷) پنل مدیریت محلی با ورود ساده‌ی محلی یا حالت مدیریت مشخص، برای افزودن/ویرایش/حذف غذاها، تغییر قیمت و موجودی، فعال/غیرفعال‌کردن پیشنهاد ویژه و دیدن سفارش‌ها و رزروهای ذخیره‌شده روی همان دستگاه. امکان بازنشانی داده‌های نمونه و خروجی گرفتن از سفارش‌ها و رزروها به صورت متن/CSV هم در نظر گرفته شود. محدودیت مهم را صادقانه رعایت کن: این نسخه باید بدون سرور و بدون حساب کاربری ساخته شود، بنابراین سایت عمومی است و هر بازدیدکننده می‌تواند منو را ببیند و سفارش/رزرو را در مرورگر خودش تکمیل کند، اما سفارش‌ها و رزروها بین دستگاه‌های مختلف با هم به‌اشتراک گذاشته نمی‌شوند. برای نزدیک‌شدن به استفاده‌ی واقعی، دکمه‌های تماس تلفنی و ارسال سفارش/درخواست رزرو از طریق واتساپ یا پیام آماده طراحی کن تا اطلاعات فرم را به متن پیام تبدیل کنند؛ شماره و لینک مقصد را در تنظیمات مدیریت قابل تغییر بگذار. پرداخت آنلاین، حساب کاربری و همگام‌سازی مرکزی اضافه نکن. ظاهر باید مدرن، اشتهابرانگیز و حرفه‌ای باشد: رنگ‌های گرم رستورانی مثل زغالی، کرم و نارنجی/قرمز، کارت‌های تمیز، تایپوگرافی خوانا، انیمیشن‌های ظریف، نوار پایین موبایل و هدر چسبان. از داده‌های نمونه‌ی قابل ویرایش برای یک رستوران فرضی استفاده کن و هیچ تصویر یا API یا اطلاعات دسترسیِ واقعی را جعل نکن. همه‌ی متن‌ها فارسی و راست‌چین باشند. چیدمان کاملاً واکنش‌گرا و موبایل‌اول باشد؛ ابتدا برای عرض کوچک طراحی شود و از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و چیدمان کشسان با flex یا grid، درصد و واحدهای نسبی به‌کار برود. دکمه‌ها و همه‌ی عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل باشند و فاصله‌ی کافی داشته باشند. هیچ قابلیت مهمی فقط با hover در دسترس نباشد. safe-area inset برای ناچ و نوار پایین رعایت شود، meta viewport استاندارد وجود داشته باشد، و در عرض بزرگ فضای اضافه با ستون‌بندی یا محدودکردن عرض محتوا مدیریت شود نه با کش‌آمدن یک ستون. داده‌ها و تنظیمات روی همان دستگاه با localStorage باقی بمانند.