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