تطبيق "Fashion Hub": تجربة تسوق إلكتروني عصرية للأزياء باستخدام React Native.

تطبيق هاتف محمول متكامل لقطاع التجارة الإلكترونية (E-commerce) متخصص في بيع الأزياء والموضة. تم تصميم التطبيق ليوفر تجربة تسوق سلسة وجذابة بصرياً تعتمد على التصميم العصري (Pink/Purple Aesthetic)، مع مراعاة أعلى معايير تجربة المستخدم (UX).

يغطي التطبيق رحلة العميل بالكامل، بدءاً من شاشات الترحيب التفاعلية (Onboarding)، وصولاً إلى تصفح المنتجات حسب التصنيفات، واستعراض تفاصيل المنتج مع خيارات التخصيص، وحتى إدارة سلة التسوق.

المميزات التي يقدمها التطبيق:

تجربة مستخدم تفاعلية (Onboarding): نظام ترحيب مكون من 3 شرائح تفاعلية لتعريف المستخدم بمميزات التطبيق.

تصفح ذكي للمنتجات: عرض المنتجات في واجهة شبكية (Grid View) منظمة مع إمكانية البحث السريع وتصفية المنتجات حسب الفئات (Categories).

صفحة تفاصيل المنتج: عرض تفصيلي للمنتج مع ميزات اختيار المقاسات والألوان، بالإضافة إلى نظام تقييمات العملاء (Ratings).

نظام المفضلة وسلة التسوق: إمكانية إضافة المنتجات المفضلة للعودة إليها لاحقاً، مع نظام إدارة سلة التسوق لإتمام عملية الشراء.

تصميم عصري ومتجاوب: واجهة مستخدم مريحة للعين تعتمد على الألوان الزاهية والخطوط الواضحة لضمان بقاء العميل لفترة أطول داخل التطبيق.

إدارة البيانات محلياً: استخدام تقنيات التخزين المحلي لضمان استمرارية تجربة المستخدم وحفظ حالة التسجيل الأولي.

التكنولوجيا المستخدمة (Tech Stack):

تم بناء التطبيق باستخدام أحدث التقنيات لضمان الأداء العالي والسهولة في التطوير المستقبلي:

React Native & Expo: لتطوير تطبيق يعمل بكفاءة عالية على نظامي Android و iOS بكود برمجي واحد.

TypeScript: لضمان كتابة كود برمجي آمن، منظم، وخالٍ من الأخطاء المنطقية.

Expo Router: لاعتماد نظام التنقل المبني على الملفات (File-based navigation) الذي يوفر سرعة وسلاسة في التنقل بين الصفحات.

Zustand & Axios: لإدارة حالة التطبيق (State Management) والتعامل مع طلبات الـ API.

AsyncStorage: لتخزين بيانات المستخدم والإعدادات البسيطة محلياً على الجهاز.

React Native Reanimated & Gesture Handler: لإضافة الحركات (Animations) واللمسات التفاعلية التي تزيد من حيوية التطبيق.

Ionicons: لتوفير مجموعة أيقونات متسقة وعالية الجودة.

وصف مفصل للوظائف البرمجية:

هيكلية المشروع: تم اتباع هيكل تنظيمي احترافي يفصل بين المكونات (Components)، الصفحات (App Router)، والخدمات (Services) لسهولة الصيانة.

نظام الألوان والتنسيق: تم بناء نظام ألوان مركزي (Themes) يسهل التحكم في هوية التطبيق البصرية من مكان واحد.

إدارة الجلسات: يتضمن التطبيق ميزة التحقق من إكمال العميل لمرحلة الترحيب (Onboarding Completion) لضمان عدم تكرارها عند كل دخول.