مشروع The Wild Oasis | منصة الحجز الذكية
واجهة المستخدم (العميل):
تم بناء الواجهة باستخدام Next.js وTailwind CSS لتوفير تجربة سلسة، تفاعلية، وسريعة الاستجابة للمستخدمين.
يستطيع المستخدمون تصفح الغرف (الأكواخ) المتاحة، مشاهدة التفاصيل الكاملة، إجراء الحجوزات، واستعراض المعلومات في تصميم أنيق وعصري.
المميزات:
تسجيل الدخول والتوثيق للمستخدمين.
واجهة مستخدم جذابة وسريعة الاستجابة.
إمكانية تصفح الأكواخ، الأسعار، وتفاصيل الحجز.
تنقل ديناميكي باستخدام App Router في Next.js.
تجربة المنصة:
️ لوحة التحكم (المدير): Wild Oasis Admin Dashboard
تم تطوير لوحة الإدارة باستخدام React.js مع استخدام تقنيات قوية مثل:
React Router لإدارة التنقل بين الصفحات.
React Query لجلب البيانات من Supabase بكفاءة.
Styled Components لتصميم مخصص ومتحكم به بشكل كامل.
? المميزات:
إدارة كاملة للأكواخ (إضافة، تعديل، حذف).
إدارة الحجوزات والمستخدمين.
عرض الإحصائيات المتعلقة بالحجوزات والإيرادات.
التوثيق والتفويض مع التحكم في صلاحيات الوصول.
لوحة تحكم تفاعلية وسهلة الاستخدام.
تجربة لوحة التحكم:
معلومات تقنية مشتركة:
قاعدة البيانات: Supabase.
التوثيق: Supabase Auth.
التحكم في الصلاحيات (authorization).
تصميم عصري متجاوب بالكامل على جميع الأجهزة.
هذا المشروع يُظهر قدرة متكاملة على بناء نظام حجز متكامل من الصفر، يشمل: واجهة مستخدم أمامية جذابة للمستخدمين، ولوحة تحكم قوية للمدير لإدارة كافة البيانات والعمليات.