تطوير متجر إلكتروني بتقنية PWA باستخدام React وربط الدفع عبر Stripe

و مشروع متجر إلكتروني (E-Commerce) تم تطويره باستخدام React، ويعمل بتقنية PWA (Progressive Web App)، مما يتيح للمستخدم تصفح المتجر وشراء المنتجات بسهولة من خلال المتصفح أو من خلال تثبيت التطبيق على الهاتف أو الكمبيوتر ليعمل مثل التطبيقات الأصلية.

يتميز التطبيق بإمكانية تنزيله على الجهاز (Add to Home Screen)، كما يمكنه العمل بدون إنترنت في بعض الصفحات مثل تصفح المنتجات والصفحات التي تم فتحها مسبقًا، وذلك باستخدام Service Workers وتقنيات Caching، مما يوفر تجربة استخدام سريعة ومستقرة حتى مع ضعف الاتصال بالإنترنت.

مميزات المتجر:

عرض المنتجات وتفاصيل كل منتج

البحث عن المنتجات

إضافة المنتجات إلى سلة المشتريات

نظام إتمام الطلب (Checkout)

الدفع الإلكتروني باستخدام Stripe

تسجيل الدخول وإنشاء حساب

حفظ الطلبات للمستخدم

تصميم متجاوب لجميع الأجهزة

إمكانية تثبيت التطبيق على الهاتف والكمبيوتر

يعمل بدون إنترنت لبعض الصفحات (Offline Mode)

سرعة تحميل عالية بفضل تقنيات PWA

دوري في المشروع

كان دوري Front-End Developer باستخدام React.js، حيث قمت بـ:

تطوير جميع واجهات المتجر

ربط الواجهة مع الـ API

إدارة حالة التطبيق (State Management)

دمج بوابة الدفع Stripe

تحويل الموقع إلى PWA باستخدام Service Worker و Web App Manifest

تطبيق نظام Offline Mode

تحسين الأداء وتجربة المستخدم

تصميم Responsive لجميع الشاشات