قالب HTML پنل مدیریت رستوران و کافی‌شاپ FoodTown

FoodTown یک قالب سایت آماده برای مدیریت رستوران، کافی‌شاپ و کسب‌وکارهای غذایی است. این قالب کل روند کاری روزانه را در یک طراحی ساده و یکپارچه پوشش می‌دهد: ثبت سفارش در صندوق، مدیریت آشپزخانه، رزرو و میزها، کنترل موجودی و تأمین‌کنندگان، ثبت پرداخت‌ها و هزینه‌ها و مشاهده گزارش‌های فروش.

FoodTown یک قالب پنل مدیریت و ادمین سایت کاملاً فرانت‌اند است که با HTML5، CSS3، Bootstrap 5 و جاوااسکریپت خالص ساخته شده است. در آن از jQuery یا فریم‌ورک خاصی استفاده نشده و نیازی به build هم نیست؛ فایل‌ها را باز می‌کنید و کار را شروع می‌کنید.

ویژگی‌های اصلی قالب FoodTown

  • ۴۷ صفحه HTML آماده با طراحی یکپارچه
  • پشتیبانی کامل از راست‌چین (فارسی، عربی، عبری و اردو) با سوییچ یک‌کلیکی بین LTR و RTL
  • حالت روشن و تاریک
  • سفارشی‌ساز زنده قالب با پیش‌نمایش آنی که تنظیمات را در مرورگر ذخیره می‌کند
  • واکنش‌گرا برای موبایل تا مانیتورهای بزرگ، همراه با منوی کشویی در موبایل
  • صفحه POS با جستجوی منو، دسته‌بندی، سبد خرید، تخفیف و مالیات
  • برد سفارش‌های آشپزخانه و نمایشگر بزرگ آشپزخانه با تایمر زنده
  • لیست رزروها و نمای تقویم ماهانه
  • مدیریت میزها با وضعیت زنده (آزاد، اشغال، رزرو و در حال نظافت)
  • انبار، تأمین‌کنندگان، خریدها و دستورهای پخت با موجودی و محاسبه هزینه هر دستور
  • پرداخت‌ها و هزینه‌ها با فیلتر وضعیت و روند تأیید
  • ۶ صفحه گزارش با نمودارهای Chart.js و دکمه‌های خروجی CSV و چاپ
  • بخش‌های تعاملی شامل تب‌های فیلتر با شمارنده زنده، جستجو، مودال افزودن آیتم، پیام‌های تأیید و پیش‌نمایش فرم
  • سه نمونه سند PDF (فاکتور، سفارش خرید و رسید) با دکمه دانلود
  • کد خوانا و کامنت‌گذاری‌شده در یک فایل CSS و یک فایل JavaScript بدون مینیفای
  • مستندات کامل HTML و PDF همراه با تصویر و راهنمای مرحله‌به‌مرحله

سفارشی‌ساز زنده قالب

بدون دست‌زدن به کد می‌توانید ظاهر کل داشبورد را تغییر دهید. هر انتخاب بلافاصله اعمال می‌شود و در مرورگر شما به خاطر سپرده می‌شود. گزینه‌های سفارشی‌ساز عبارت‌اند از:

  • حالت قالب: روشن یا تاریک
  • جهت: LTR یا RTL
  • رنگ قالب: ۶ رنگ آماده (نارنجی، قرمز، سبز، آبی، بنفش و سبزآبی) به‌علاوه انتخاب رنگ دلخواه
  • سایدبار: تیره، روشن یا رنگ دلخواه
  • تاپ‌بار: روشن، تیره یا شفاف
  • چیدمان: تمام‌عرض یا Boxed
  • سبک سایدبار: باز یا جمع‌شده (فقط آیکن)
  • گردی گوشه‌ها: تیز، متوسط یا گرد
  • فونت: Inter، Poppins، Roboto، Nunito، Open Sans، Lato یا فونت پیش‌فرض سیستم
  • دکمه بازگشت به تنظیمات پیش‌فرض

پشتیبانی کامل از راست‌چین (RTL)

پشتیبانی از راست‌چین از ابتدا در ساختار قالب در نظر گرفته شده است. با تغییر جهت به RTL، سایدبار، منوی کشویی موبایل، پنل سفارشی‌ساز، منوهای کشویی، مسیر صفحه (breadcrumb)، جدول‌ها، فرم‌ها و نمودارها به‌درستی آینه می‌شوند. استایل‌های سفارشی با ویژگی‌های منطقی CSS نوشته شده‌اند، بنابراین به فایل استایل جداگانه برای راست‌چین نیازی نیست.

صفحات موجود در قالب

بخش اصلی

داشبورد (نمای کلی رستوران)، POS و ثبت سفارش، سفارش‌ها، جزئیات سفارش، رزروها، تقویم رزرو و مدیریت میزها.

بخش رستوران

آیتم‌های منو، دسته‌بندی منو، افزودن آیتم منو، سفارش‌های آشپزخانه، نمایشگر آشپزخانه، مشتریان، جزئیات مشتری، کارکنان و جزئیات کارمند.

بخش انبار

انبار، جزئیات انبار، تأمین‌کنندگان، جزئیات تأمین‌کننده، خریدها، جزئیات خرید، دستورهای پخت و جزئیات دستور پخت.

بخش مالی

پرداخت‌ها، هزینه‌ها، جزئیات هزینه و شش گزارش شامل نمای کلی، فروش، سفارش‌ها، انبار، مشتریان و کارکنان.

بخش بازاریابی

پیشنهادها (Offers) و کوپن‌ها.

بخش سیستم

تنظیمات، مدیریت کاربران، جزئیات کاربر (همراه با دسترسی‌ها)، پروفایل من، گزارش فعالیت، اعلان‌ها و پیام‌ها.

سایر صفحات

ورود، مستندات، پشتیبانی، حریم خصوصی و شرایط استفاده.

این قالب برای چه کسانی و چه کارهایی مناسب است؟

مناسب برای

  • توسعه‌دهندگانی که پنل مدیریت رستوران، کافی‌شاپ، فست‌فود یا فود‌کورت می‌سازند
  • تیم‌هایی که نرم‌افزار POS، مدیریت سفارش و نمایشگر آشپزخانه را توسعه می‌دهند
  • صاحبان کسب‌وکار غذایی که می‌خواهند نمونه اولیه (پروتوتایپ) سیستم مدیریت خود را ببینند
  • فریلنسرها و آژانس‌هایی که پروژه داشبورد فارسی و راست‌چین دارند
  • پروژه‌هایی که به قالب سبک و بدون وابستگی به jQuery نیاز دارند

دانش مورد نیاز برای استفاده

  • آشنایی پایه با HTML و CSS برای ویرایش صفحات و استایل‌ها
  • آشنایی مقدماتی با جاوااسکریپت و Bootstrap 5 برای تغییر رفتار و کامپوننت‌ها
  • دانش بک‌اند به انتخاب خودتان برای اتصال داده واقعی، چون داده‌های قالب نمونه هستند
  • پیاده‌سازی احراز هویت سمت سرور، چون صفحه ورود فقط نمایشی است

فناوری‌ها و پشتیبانی مرورگرها

این قالب با HTML5، CSS3، Bootstrap 5.3، Bootstrap Icons، Chart.js 4، جاوااسکریپت خالص و Google Fonts ساخته شده است. در نسخه‌های جاری مرورگرهای Chrome، Edge، Firefox، Safari و Opera کار می‌کند و از Internet Explorer پشتیبانی نمی‌کند.

محتویات فایل دانلودی

  • ۴۷ صفحه HTML
  • assets/css/style.css: تمام استایل‌های سفارشی بر پایه متغیرهای CSS
  • assets/js/app.js: تمام کدهای جاوااسکریپت شامل موتور قالب، راست‌چین، نمودارها و قابلیت‌های صفحات
  • assets/documents: سه فایل PDF نمونه
  • پوشه documentation: راهنمای کامل HTML و PDF همراه با تصویر
  • README.md: نکات شروع سریع

نکات مهم پیش از خرید

  • این قالب فرانت‌اند است. نام‌ها، قیمت‌ها، سفارش‌ها و سایر اطلاعات، داده نمونه‌اند و چیزی در سرور ذخیره نمی‌شود. مستندات نشان می‌دهد هر داده نمونه کجاست و چگونه می‌توان بک‌اند را وصل کرد.
  • Bootstrap، Bootstrap Icons، Chart.js و Google Fonts از CDN بارگذاری می‌شوند و به اینترنت نیاز دارند. روش میزبانی محلی این کتابخانه‌ها در مستندات توضیح داده شده است.
  • تصاویر غذاها در پیش‌نمایش با آیکن و ایموجی نمایش داده شده‌اند و عکس استوک همراه قالب نیست.
  • صفحه ورود فقط برای پیش‌نمایش است و امنیت واقعی ندارد. اطلاعات ورود دمو: ایمیل admin@foodtown.com و رمز عبور Admin@123

مستندات قالب

مستندات کامل به‌صورت HTML و PDF همراه قالب ارائه می‌شود و در مراحل ساده این موارد را توضیح می‌دهد:

  • شروع کار و ساختار پوشه‌ها
  • ساخت صفحه جدید و ویرایش منوی سایدبار
  • تغییر رنگ، فونت، چیدمان و تنظیمات پیش‌فرض قالب
  • استفاده از راست‌چین و نوشتن کد سازگار با RTL
  • استفاده از کامپوننت‌های آماده مانند جدول، فیلتر، مودال، فرم و نمودار
  • اتصال داده و بک‌اند اختصاصی
  • میزبانی محلی کتابخانه‌ها و انتشار قالب

منابع و مجوزها

Bootstrap، Bootstrap Icons و Chart.js با مجوز MIT منتشر شده‌اند. Google Fonts نیز تحت مجوزهای SIL Open Font License و Apache 2.0 ارائه می‌شود.

نحوه دریافت فایل

پس از پرداخت هزینه، لینک دانلود فایل این محصول در حساب کاربری شما (بخش سفارش‌ها/دانلودها) در دسترس خواهد بود. لازم به ذکر است که این فایل برای همیشه در حساب کاربری‌ شما محفوظ می‌ماند.