Restaurant reservation

تطبيق ويب متجاوب لحجز طاولات المطاعم أونلاين، تم تطويره باستخدام React.js للواجهة الأمامية وLaravel للـ Back-End. يتيح للمستخدمين حجز طاولة عن طريق تحديد عدد الأفراد، التاريخ، والوقت المناسب، بالإضافة إلى إمكانية التواصل مع المطعم مباشرة.

يتميز المشروع باستخدام Zustand لإدارة الحالة، وAxios للتعامل مع الـ API، مع إشعارات تفاعلية عبر Toastify، وحركات سلسة باستخدام Framer Motion لتحسين تجربة المستخدم.

الوظائف الأساسية:

واجهة المستخدم:

عرض مواعيد وتوافر الحجز بالمطعم.

حجز طاولة بإدخال عدد الأفراد، التاريخ، والوقت.

استقبال تأكيد أو تحديث حالة الحجز.

نموذج تواصل مباشر مع المطعم.

إشعارات فورية بحالة الحجز باستخدام Toastify.

تجربة مستخدم مرنة مع تأثيرات انتقال (Framer Motion).

تصميم متجاوب باستخدام Tailwind CSS.

️ لوحة تحكم الأدمن:

تسجيل دخول آمن باستخدام Token.

عرض وإدارة كل الحجوزات.

إمكانية تأكيد أو إلغاء أو تعديل الحجز.

إرسال رسائل للمستخدمين بالتحديثات أو التأكيدات.

️ التقنيات المستخدمة:

الواجهة الأمامية: React.js، Tailwind CSS، Zustand، Axios، Toastify، Framer Motion

الواجهة الخلفية: Laravel (PHP)، RESTful APIs

التوثيق والحماية: مصادقة باستخدام Token

تحسين تجربة المستخدم: تأثيرات انتقال، إشعارات فورية، تصميم نظيف وسريع

مميزات المشروع:

دورة تواصل متكاملة بين الأدمن والمستخدم.

تفاعل حي مع الحجز باستخدام إشعارات وتحركات أنيميشن.

واجهة تحكم مبنية على Laravel API قابلة للتوسّع.

محاكاة واقعية لحجز طاولات في مطعم بخطوات بسيطة وعملية.