کافه رست - سیستم مدیریت منو و رستوران 🍽️☕

یک سیستم کامل مدیریت منو و تنظیمات کافه با رابط کاربری مدرن و زیبا.

✨ ویژگی‌ها

• 🎨 رابط کاربری مدرن: طراحی زیبا با Tailwind CSS
• 📱 واکنش‌گرا: سازگار با تمام دستگاه‌ها
• ☕ مدیریت منو: دسته‌بندی‌های مختلف قهوه، شیک، غذا و...
• 🖼️ آپلود تصاویر محلی: ذخیره تصاویر در پروژه به جای استفاده از لینک‌های خارجی
• ⚙️ تنظیمات کافه: مدیریت اطلاعات، لوگو و تصاویر
• 🔐 پنل مدیریت: ورود امن برای مدیران
• 💾 ذخیره محلی: استفاده از localStorage برای ذخیره داده‌ها
• 🌐 پشتیبانی فارسی: رابط کاربری کاملاً فارسی

🚀 نصب و اجرا

پیش‌نیازها

• Node.js (نسخه 16 یا بالاتر)
• npm یا yarn

مراحل نصب

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

git clone <repository-url>
cd CafeRest

2. نصب وابستگی‌ها

npm install

3. اجرای پروژه (بدون نیاز به سرور)

npm run dev

4. باز کردن در مرورگر

http://localhost:3000

نکته: پروژه حالا بدون نیاز به سرور جداگانه کار می‌کند. تصاویر در localStorage مرورگر ذخیره می‌شوند.

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

# اجرای پروژه (بدون سرور)
npm run dev

# ساخت نسخه تولید
npm run build

# پیش‌نمایش نسخه تولید
npm run preview

# بررسی خطاهای کد
npm run lint

🔑 ورود به پنل مدیریت

اطلاعات پیش‌فرض

• نام کاربری: admin
• رمز عبور: rest2024

مراحل ورود

1. به آدرس http://localhost:3000/admin/login بروید
2. اطلاعات بالا را وارد کنید
3. روی دکمه "ورود" کلیک کنید

📊 دسته‌بندی‌های منو

☕ قهوه

• کاپوچینو
• لته
• اسپرسو
• آمریکانو
• موکا

🥤 شیک

• شیک شکلات
• شیک توت فرنگی
• شیک وانیل
• شیک موز

🧊 بار سرد

• آیس لته
• آیس کاپوچینو
• آیس موکا

🔥 بار گرم

• هات چاکلت
• هات وانیل
• هات کارامل

🍃 چای

• چای سبز
• چای سیاه
• چای بابونه
• چای نعناع

🍰 کیک

• کیک شکلاتی
• کیک وانیل
• کیک تیرامیسو
• کیک پنیر

🍽️ غذا

• ساندویچ مرغ
• ساندویچ گوشت
• پیتزا مارگاریتا
• پاستا کاربونارا

🌅 صبحانه

• املت صبحانه
• پنکیک
• کورنفلکس

⚙️ تنظیمات کافه

اطلاعات پایه

• نام کافه
• آدرس
• توضیحات

اطلاعات تماس

• شماره تماس
• آدرس اینستاگرام

تصاویر و لوگو

• لوگوی کافه
• تصویر اصلی سایت

تنظیمات مدیر

• نام کاربری مدیر
• رمز عبور مدیر

🛠️ ساختار پروژه

src/
├── components/          # کامپوننت‌های UI
│   ├── admin/          # کامپوننت‌های پنل مدیریت
│   ├── menu/           # کامپوننت‌های منو
│   └── ui/             # کامپوننت‌های پایه UI
├── entities/            # مدل‌های داده
├── pages/               # صفحات اصلی
├── utils/               # توابع کمکی
└── App.jsx              # کامپوننت اصلی

🎨 تکنولوژی‌های استفاده شده

• Frontend: React 18
• Styling: Tailwind CSS
• Build Tool: Vite
• Icons: Lucide React
• Animations: Framer Motion
• Routing: React Router DOM

🔧 عیب‌یابی

مشکل: سایت باز نمی‌شود

راه حل: مطمئن شوید که سرور توسعه در حال اجرا است:

npm run dev

مشکل: خطای CORS

راه حل: هرگز فایل HTML را مستقیماً در مرورگر باز نکنید. همیشه از سرور توسعه استفاده کنید.

مشکل: داده‌ها ذخیره نمی‌شوند

راه حل: مطمئن شوید که localStorage در مرورگر فعال است.

مشکل: تصاویر نمایش داده نمی‌شوند

راه حل: URL تصاویر را بررسی کنید و مطمئن شوید که قابل دسترس هستند.

مشکل: آپلود تصویر کار نمی‌کند

راه حل: مطمئن شوید که localStorage در مرورگر فعال است و حجم فایل کمتر از 2 مگابایت باشد.

مشکل: تصاویر نمایش داده نمی‌شوند

راه حل: تصاویر در localStorage ذخیره می‌شوند. اگر localStorage پاک شده باشد، تصاویر از دست می‌روند.

📝 نکات مهم

1. هرگز فایل HTML را مستقیماً باز نکنید
2. همیشه از سرور توسعه Vite استفاده کنید
3. تصاویر در localStorage مرورگر ذخیره می‌شوند
4. اطلاعات ورود را در محیط تولید تغییر دهید
5. داده‌ها در localStorage ذخیره می‌شوند
6. حداکثر حجم تصویر 2 مگابایت است
7. برای پشتیبان‌گیری، localStorage را export کنید

🤝 مشارکت

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

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

📄 مجوز

این پروژه تحت مجوز MIT منتشر شده است.

📞 پشتیبانی

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

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

---

کافه رست - بهترین تجربه مدیریت کافه 🎉