Booking Management App

The Wild Oasis هو تطبيق ويب متكامل لإدارة وحجز الكبائن (Cabin Booking System) تم تطويره باستخدام React في الواجهة الأمامية و Supabase كخدمة Backend.

? فكرة المشروع

نظام مخصص لإدارة عمليات الحجز داخل منتجع يحتوي على عدة كبائن، حيث يمكن للموظفين:

إدارة الكبائن (إضافة / تعديل / حذف)

إدارة الحجوزات

متابعة الضيوف

عرض الإحصائيات ولوحة تحكم تفاعلية

? التقنيات المستخدمة

React

React Router

React Query (إدارة البيانات و Remote State)

Styled Components

Supabase (Authentication + Database)

Date-fns

Context API لإدارة الـ UI State

? ما تعلمته من المشروع

الفرق بين UI State و Remote State

إدارة البيانات باستخدام React Query (Caching – Invalidation – Mutations)

التعامل مع Authentication

بناء Dashboard احترافي

تنظيم المشروع بطريقة scalable

التعامل مع CRUD Operations بشكل احترافي

كتابة Custom Hooks

? أبرز التحديات

إدارة الـ asynchronous data بشكل صحيح

ضمان تحديث البيانات بعد العمليات (Create / Update / Delete)

تنظيم المكونات وتقسيم المسؤوليات

التعامل مع Protected Routes

? النتيجة

تطبيق متكامل يعمل كنظام إدارة حقيقي يمكن استخدامه في بيئة إنتاجية، مع واجهة نظيفة وتجربة مستخدم احترافية.