متجر إلكتروني

MyStore — منصة تجارة إلكترونية متكاملة

MyStore هو مشروع تجارة إلكترونية متكامل Full-Stack تم تطويره باستخدام MERN Stack، بهدف توفير تجربة تسوق إلكتروني متكاملة وآمنة.

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

يتضمن المشروع أيضًا إدارة المخزون والتحقق من توفر المنتجات، وعرض المنتجات المرتبطة، وتتبع الطلبات وحالات الدفع والشحن.

تم دمج Stripe Checkout لإتمام عمليات الدفع، مع الاعتماد على Stripe Webhooks للتحقق من نجاح عملية الدفع بشكل آمن بدلًا من الاعتماد على استجابة الواجهة الأمامية. كما تم تطبيق مجموعة من ممارسات الأمان مثل تشفير كلمات المرور باستخدام bcrypt، وتخزين JWT داخل httpOnly cookies، وتشفير رموز استعادة كلمة المرور وتحديد مدة صلاحيتها، بالإضافة إلى Rate Limiting على نقاط تسجيل الدخول والمصادقة.

تم تطوير الواجهة باستخدام React وVite مع Redux Toolkit وRTK Query وRedux Persist وReact Router وTailwind CSS، بينما تم تطوير الـBackend باستخدام Node.js وExpress وMongoDB وMongoose، مع استخدام Resend لإرسال رسائل البريد الإلكتروني.

المشروع متجاوب بالكامل مع الموبايل والتابلت وأجهزة الكمبيوتر، ويدعم الوضعين Dark Mode وLight Mode.