اللغة: React Native
الوصف: تطبيق تسوّق مرن وسهل الاستخدام يحتوي على منتجات متصلة بـ API، مع نظام تسجيل دخول وتسجيل مستخدم وفاليديشن كامل.
الميزات الأساسية:
استعراض المنتجات:
التطبيق يعرض قائمة من المنتجات التي يتم جلبها مباشرة من API خارجي باستخدام مكتبة Axios. كل منتج يحتوي على:
صورة
اسم
وصف مختصر
السعر
تسجيل دخول (Login):
شاشة تسجيل دخول للمستخدمين المسجلين مسبقًا، مع فحص دقيق لبيانات الدخول.
تسجيل حساب جديد (Register):
واجهة لإنشاء حساب جديد مع فاليديشن كامل للبيانات، تشمل:
التحقق من صحة البريد الإلكتروني
قوة كلمة المرور
مطابقة كلمة المرور
التأكد من إدخال جميع الحقول المطلوبة
التنقل بين الشاشات:
التطبيق يستخدم React Navigation لتوفير تجربة تنقل سلسة بين الشاشات، مثل:
الشاشة الرئيسية
شاشة تفاصيل المنتج
شاشة تسجيل الدخول
شاشة التسجيل
شاشة الحساب
? التقنيات والمكتبات المستخدمة:
React Native – لبناء واجهات التطبيق.
Axios – لجلب البيانات من API خارجي.
React Navigation – لإدارة التنقل بين الشاشات.
Formik + Yup – لإدارة النماذج والتحقق من صحة البيانات (validation).
React Native Vector Icons – لأيقونات جذابة داخل التطبيق.
ملاحظات:
التطبيق مصمم بهيكلية واضحة يسهل التوسع فيها.
جاهز لربطه بمزودات الدفع أو أنظمة قواعد بيانات (Firebase، MongoDB، إلخ).
قابل للتطوير ليشمل سلة المشتريات وعمليات الدفع لاحقًا.