World Wise

الميزات الرئيسية

تسجيل دخول وحماية مسارات:

واجهة تسجيل دخول بسيطة.

ProtectedRoute لحماية مسارات التطبيق الداخلية.

FakeAuthContext لإدارة الحالة البسيطة للمصادقة.

إدارة وعرض بيانات المدن والدول:

صفحة قائمة المدن (CityList) وصفحة تفاصيل مدينة فردية (City).

صفحة قائمة الدول (CountryList) وعناصر CountryItem.

نموذج إضافة / تعديل مدن (Form) مع مكونات نموذجية وصيغ رسائل (Message).

خرائط وموقع جغرافي:

مكون Map لعرض موقع المدينة.

هوك useGeolocation و useUrlPosition لالتقاط الموقع وتزامن الإحداثيات مع عنوان URL.

تجربة مستخدم محسّنة:

(React.lazy + Suspense) للمحافظة على أداء التحميل.

SpinnerFullPage و Spinner لمؤشرات التحميل.

عناصر واجهة قابلة لإعادة الاستخدام: AppNav، SideBar، PageNav، Button، BackButton، Logo، User.

بنية ومفاهيم حالة مركزية:

CitiesContext لإدارة بيانات المدن ومشاركتها عبر المكونات.

فصل المنطق والواجهات لتسهيل الصيانة والاختبار.

تنقّل وتخطيط:

BrowserRouter مع مسارات منظمة داخل AppLayout.

توجيهات افتراضية، توجيهات غير موجودة (PageNotFound)، وإعادة توجيه ذكي (Navigate).