تفاصيل العمل

Sandy Tissues هو تطبيق تجارة إلكترونية احترافي تم تطويره ليكون المنصة الرقمية الرسمية لبيع منتجات مناديل ساندي داخل المملكة العربية السعودية، حيث يوفر للمستخدمين تجربة تسوق متكاملة وسريعة تتيح استعراض جميع المنتجات، متابعة العروض والخصومات، وإتمام عمليات الشراء بكل سهولة من خلال واجهة استخدام حديثة تجمع بين الأداء العالي وسهولة الاستخدام. تم تصميم التطبيق ليقدم تجربة شراء رقمية متطورة تعكس هوية العلامة التجارية وتوفر للمستخدم رحلة تسوق سلسة بدايةً من تصفح المنتجات وحتى إتمام الطلب واستلامه.

يعتمد التطبيق على تصميم احترافي يركز على إبراز المنتجات بطريقة جذابة، حيث يتم عرض جميع المنتجات داخل أقسام منظمة مع صور عالية الجودة، وأسعار واضحة، والعروض الحالية، بالإضافة إلى إمكانية الانتقال إلى صفحة التفاصيل التي تعرض وصف المنتج، المواصفات، الوزن، السعر قبل وبعد الخصم، ونسبة التوفير، مما يساعد المستخدم على اتخاذ قرار الشراء بسهولة.

يوفر التطبيق نظامًا متكاملاً لتصفح المنتجات من خلال تصنيفات متعددة، مع إمكانية البحث السريع للوصول إلى أي منتج خلال ثوانٍ، بالإضافة إلى نظام المفضلة الذي يسمح بحفظ المنتجات المميزة للرجوع إليها لاحقًا، مما يحسن من تجربة المستخدم ويزيد من سهولة الوصول إلى المنتجات الأكثر استخدامًا.

كما يتضمن التطبيق سلة تسوق ذكية تتيح إضافة المنتجات وتعديل الكميات أو حذفها بسهولة، مع احتساب الأسعار تلقائيًا، وإظهار قيمة الطلب والإجمالي النهائي بشكل مباشر، بالإضافة إلى دعم أكواد الخصم (Coupons) والعروض الترويجية، مما يوفر تجربة شراء احترافية تشبه أكبر منصات التجارة الإلكترونية العالمية.

تم تصميم التطبيق وفق أحدث معايير UI/UX مع الاهتمام بجميع التفاصيل البصرية، بدايةً من اختيار الألوان والخطوط وحتى تنظيم الشاشات والعناصر التفاعلية، مما يوفر تجربة استخدام مريحة وسريعة لجميع المستخدمين، مع تقليل عدد الخطوات المطلوبة لإتمام عملية الشراء وتحسين معدل التحويل (Conversion Rate).

تم تطوير التطبيق باستخدام React Native لإنشاء تطبيق يعمل بكفاءة على نظامي iOS و Android من خلال قاعدة كود واحدة، مع الحفاظ على أداء قريب جدًا من التطبيقات الأصلية (Native Applications)، مما يساهم في تقليل تكاليف التطوير والصيانة مع ضمان تجربة استخدام سلسة ومستقرة على مختلف الأجهزة.

تم ربط التطبيق مع REST APIs لجلب البيانات بشكل لحظي، بما يشمل المنتجات، التصنيفات، العروض، بيانات المستخدم، وسجل الطلبات، مع إدارة احترافية للطلبات غير المتزامنة وتحسين عمليات تحميل البيانات لضمان سرعة الاستجابة حتى مع وجود عدد كبير من المنتجات.

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

تم تحسين الأداء من خلال استخدام تقنيات Lazy Loading، وتحسين تحميل الصور، وتقليل استهلاك الذاكرة، وإدارة التنقل بين الشاشات بطريقة احترافية، بالإضافة إلى تحسين سرعة فتح التطبيق والاستجابة أثناء الاستخدام لضمان تجربة سلسة حتى على الأجهزة متوسطة الإمكانيات.

تم بناء المشروع وفق معمارية حديثة تعتمد على Clean Code Architecture مع تقسيم المشروع إلى Reusable Components و Custom Hooks وتنظيم الملفات بطريقة احترافية، مما يسهل عمليات التطوير والصيانة وإضافة خصائص جديدة دون التأثير على استقرار التطبيق أو جودة الكود.

كما تم تطبيق أفضل ممارسات هندسة البرمجيات من خلال إنشاء Scalable Architecture تسمح بتوسعة التطبيق مستقبلًا وإضافة مزايا جديدة مثل أنظمة الولاء، الإشعارات الفورية (Push Notifications)، تتبع الطلبات لحظيًا، بوابات الدفع الإلكتروني، برامج المكافآت، والاشتراكات الدورية، مع الحفاظ على الأداء والاستقرار.

تمت كتابة جميع أجزاء المشروع باستخدام Clean Code مع الالتزام بمبادئ SOLID، وتنظيم هيكل المشروع بطريقة تجعل الكود سهل القراءة، وقابلًا للصيانة، وإعادة الاستخدام، مع التركيز على جودة التنفيذ، وتحسين الأداء، وتوفير تجربة استخدام احترافية تلبي احتياجات المستخدمين وتدعم نمو المنصة مستقبلًا.

يعكس هذا المشروع خبرتي في تطوير تطبيقات React Native الاحترافية الخاصة بالتجارة الإلكترونية، مع التركيز على User Experience (UX)، وUser Interface (UI)، وتحسين الأداء، وربط التطبيقات مع Backend APIs، وإنشاء تطبيقات قابلة للتوسع تعتمد على Clean Code، وReusable Components، وScalable Architecture، مما يجعل التطبيق نموذجًا احترافيًا للمتاجر الإلكترونية الحديثة التي توفر تجربة تسوق رقمية سريعة وآمنة وعالية الجودة.