إعادة ابتكار تجربة إدارة الضيافة: The Wild Oasis
بصفتي مطور Full-Stack، قمت بتصميم وتطوير تطبيق ويب متكامل لإدارة الفنادق تحت اسم The Wild Oasis، وهو نظام حديث يمكّن موظفي الفنادق من إدارة الكبائن والحجوزات والنزلاء بكل سهولة ومرونة.
من الفكرة إلى النظام المتكامل:
واجهة مستخدم حديثة وتفاعلية
تم بناء الواجهة باستخدام React.js وVite مع دعم الوضع الليلي والنهاري، وتصميم استجابة ديناميكي يتناسب مع جميع الأجهزة، مما يوفر تجربة مرئية أنيقة ومريحة.
? لوحة تحكم ذكية
تُعرض أهم الإحصائيات مثل عدد الحجوزات، المبيعات، نسبة الإشغال، وعدد النزلاء في لمحة واحدة، بالإضافة إلى رسوم بيانية باستخدام Recharts تسهّل تتبع الأداء واتخاذ القرار.
نظام دخول مخصص للموظفين فقط
تم تنفيذ تسجيل الدخول عبر Supabase مع إمكانية رفع صورة المستخدم وتحديث بياناته الشخصية وكلمة المرور، لضمان بيئة آمنة وخاصة بالموظفين فقط.
إدارة الكبائن بالكامل
عرض، تعديل، حذف، وإضافة كبائن جديدة مع صور، وسعة الإيواء، والأسعار، والخصومات، بشكل منظم عبر جدول احترافي.
️ إدارة الحجوزات ببساطة وقوة
جدول شامل يعرض تواريخ الوصول والمغادرة، عدد الليالي، عدد النزلاء، حالة الدفع، حالة الحجز (قيد التأكيد، تم الدخول، تم الخروج)، مع إمكانية تصفية البيانات بسرعة.
نظام دفع داخلي ذكي
أثناء الدخول، يمكن للمستخدم تأكيد الدفع يدويًا، وإضافة إفطار للنزيل بسهولة، مع حساب تلقائي للتكلفة.
تحليلات متقدمة وبيانات حية
تم دمج React Query وSupabase Realtime لتوفير تحديثات فورية، وتجربة استخدام سلسة دون إعادة تحميل.
️ إعدادات مخصصة للمنشأة
من خلال صفحة الإعدادات، يمكن للمسؤول ضبط الحد الأدنى والحد الأقصى للإقامة، وعدد النزلاء، وسعر الإفطار، بما يناسب سياسة الفندق.
التقنيات المستخدمة:
React.js – لإنشاء واجهة مستخدم تفاعلية
Supabase – كنظام قواعد بيانات ومصادقة فوري
React Query – لجلب وتخزين البيانات بذكاء
React Router – لتسهيل التنقل بين الصفحات
Styled Components – لتنسيق الواجهة بتناسق وحداثة
Recharts – لعرض الرسوم البيانية والتحليلات
React Hook Form – للتعامل مع النماذج باحترافية
Git + GitHub – للتحكم بالإصدارات ومتابعة التطوير
النتيجة؟
منصة ذكية، مرنة، وآمنة لإدارة منشآت الضيافة بكل احتراف، تضع معيارًا جديدًا في رقمنة تجربة الضيافة، وتُبرز الإمكانات الحقيقية للتقنيات الحديثة في خدمة الفنادق.