☕ کافه رست - سیستم مدیریت منوی دیجیتال

یک سیستم مدرن و زیبا برای مدیریت منوی دیجیتال کافی‌شاپ‌ها با طراحی لاکچری و امکانات پیشرفته.

🌟 ویژگی‌ها

• 🎨 طراحی مدرن: رنگ‌بندی سبز پسته‌ای لاکچری با انیمیشن‌های روان
• 📱 کاملاً ریسپانسیو: عملکرد بهینه روی موبایل، تبلت و دسکتاپ
• 🔐 سیستم امنیتی مخفی: دسترسی به پنل مدیریت با کد مخفی
• ☕ مدیریت منوی پیشرفته: افزودن، ویرایش، حذف و مدیریت موجودی
• 🏷️ مدیریت دسته‌بندی: ایجاد و مدیریت دسته‌بندی‌های سفارشی
• 💾 بدون نیاز به سرور: تمام داده‌ها در localStorage
• 🚀 آماده deploy: قابل استقرار روی لیارا، نتلیفای و سایر سرویس‌ها

🎯 نمایش زنده

🖥️ تصاویر پروژه

صفحه منوی اصلی:

• طراحی مدرن با گرادیانت‌های سبز زمردی
• نمایش زیبای آیتم‌های منو با تصاویر
• فیلتر بر اساس دسته‌بندی
• نمایش قیمت‌های دوگانه برای قهوه (50-50 و 80-20 عربیکا)

پنل مدیریت:

• داشبورد کامل با آمار زنده
• مدیریت آیتم‌های منو
• مدیریت دسته‌بندی‌ها (ادمین اصلی)
• آپلود و مدیریت تصاویر

🚀 راه‌اندازی سریع

1. کلون کردن پروژه:

git clone https://github.com/restcafe1122-bit/restcafefinal.git
cd restcafefinal

2. نصب dependencies:

npm install

3. اجرای پروژه:

npm run dev

4. دسترسی به برنامه:

• منوی عمومی: http://localhost:5173
• پنل مدیریت: تایپ کردن admin1 در صفحه اصلی

🔐 اطلاعات ورود

کد مخفی برای نمایش پنل:

admin1

اطلاعات ادمین‌ها:

ادمین اصلی: admin / admin123
ادمین فروشگاه: shopadmin / shop123

🌐 Deploy روی لیارا

روش خودکار:

npm run build

تنظیمات لیارا:

• نوع برنامه: React
• Build Command: npm run build
• Publish Directory: dist
• Node Version: 18+

📱 قابلیت‌ها

برای مشتریان:

• 👀 مشاهده منو: نمایش زیبای تمام محصولات
• 🔍 فیلتر دسته‌بندی: جستجو بر اساس نوع محصول
• 💰 نمایش قیمت: قیمت‌های واضح و شفاف
• 📞 اطلاعات تماس: دسترسی آسان به کافه

برای مدیران:

• ➕ افزودن محصول: ایجاد آیتم‌های جدید با تصویر
• ✏️ ویرایش محصول: تغییر اطلاعات و قیمت‌ها
• 🗑️ حذف محصول: حذف آیتم‌های غیرضروری
• 👁️ مدیریت موجودی: تغییر وضعیت موجود/ناموجود
• 🏷️ مدیریت دسته‌بندی: ایجاد و ویرایش دسته‌بندی‌ها
• 📊 آمار زنده: نمایش تعداد محصولات و وضعیت‌ها

🎨 طراحی

رنگ‌بندی:

• اصلی: سبز زمردی (emerald)
• مکمل: تیل (teal) و سبز (green)
• تاکیدی: طلایی برای قیمت‌های پریمیوم
• هشدار: قرمز-نارنجی برای دکمه‌های مهم

انیمیشن‌ها:

• حرکات نرم و طبیعی
• افکت‌های hover جذاب
• انتقال‌های روان بین صفحات
• loading states زیبا

🛠️ تکنولوژی‌ها

• Frontend: React 18 + Vite
• Styling: TailwindCSS + Custom CSS
• Icons: Lucide React
• Animations: Framer Motion
• Routing: React Router DOM
• Storage: localStorage (جایگزین دیتابیس)

📁 ساختار پروژه

src/
├── components/          # کامپوننت‌های قابل استفاده مجدد
│   ├── ui/             # کامپوننت‌های پایه UI
│   ├── menu/           # کامپوننت‌های منو
│   └── admin/          # کامپوننت‌های پنل ادمین
├── data/               # دیتابیس mock
│   └── mockDatabase.js # مدیریت داده‌ها با localStorage
├── entities/           # مدل‌های داده
├── pages/              # صفحات اصلی
├── services/           # سرویس‌های API
├── styles/             # فایل‌های CSS سفارشی
└── utils/              # توابع کمکی

🔧 دستورات مفید

# توسعه
npm run dev          # اجرای سرور توسعه
npm run build        # build برای production
npm run preview      # پیش‌نمایش build

# کیفیت کد
npm run lint         # بررسی کد

🐛 عیب‌یابی

مشکلات رایج:

1. صفحه خالی:

   • کنسول مرورگر را بررسی کنید
   • localStorage.clear() و refresh کنید

2. پنل ادمین ظاهر نمی‌شود:

   • کد admin1 را دقیق تایپ کنید
   • 10 ثانیه صبر کنید تا دکمه ظاهر شود

3. تغییرات ذخیره نمی‌شوند:

   • localStorage مرورگر را بررسی کنید
   • حالت incognito امتحان کنید

📄 مجوز

این پروژه تحت مجوز MIT منتشر شده است. برای جزئیات بیشتر فایل LICENSE را مطالعه کنید.

🤝 مشارکت

برای مشارکت در پروژه:

1. Fork کنید
2. Branch جدید ایجاد کنید
3. تغییرات را commit کنید
4. Pull Request ارسال کنید

📞 پشتیبانی

برای سوالات و مشکلات:

• Issue جدید در گیت‌هاب ایجاد کنید
• کنسول مرورگر را بررسی کنید
• مستندات را مطالعه کنید

---

ساخته شده با ❤️ برای کافه‌داران ایرانی