Haitham Store

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

? كيف يعمل

تم تصميم النظام الأساسي كبنية منفصلة، ​​مما يعني أن "الرأس" (الأجزاء التي يراها المستخدمون) و"الدماغ" (الخادم وقاعدة البيانات) مستقلان، مما يجعل الموقع سريعًا وآمنًا بشكل لا يصدق.

تجربة العملاء: يمكن للمستخدمين تصفح المنتجات والتصفية حسب الفئات وإدارة عربة التسوق الديناميكية. تم تحسين عملية الدفع للسوق المحلية، حيث تتميز بعملية دفع سلسة من صفحة واحدة مع الدفع عند الاستلام (COD) ودعم العملات المتعددة (دينار أردني/ جنيه مصري).

معالجة الطلب: بمجرد تقديم الطلب، تقوم الواجهة الخلفية تلقائيًا بتخفيض مستويات المخزون وإنشاء معرف فريد لتتبع الطلب (على سبيل المثال، HS-1001).

الإدارة الإدارية: تتيح لوحة التحكم الإدارية القوية والمحمية بكلمة مرور لمالك المتجر تتبع الإيرادات وإدارة المخزون وتحديث حالات الطلب (في انتظار التسليم) والتعامل مع النفقات وإنشاء كوبونات خصم في الوقت الفعلي.

المكدس التقني ("المحرك")

تم إنشاء موقع الويب باستخدام MERN Stack (المعدل للأداء الحديث):

الواجهة الأمامية (المرئيات)

Next.js 14+ / React: معيار الصناعة لتطبيقات الويب عالية الأداء. إنه يضمن تحميل الموقع على الفور ويتم تحسينه بدرجة عالية لمحركات البحث (SEO).

Zustand: أداة خفيفة الوزن لإدارة الحالة تحافظ على مزامنة عربة التسوق وجلسات المستخدم بشكل مثالي عبر الصفحات المختلفة.

وحدات Vanilla CSS: أنماط مكتوبة خصيصًا لضمان تصميم فريد ومتميز بدون المظهر "العام" للأطر القياسية.

الخلفية (المنطق)

Node.js & Express: بيئة خادم قابلة للتطوير تتعامل مع طلبات واجهة برمجة التطبيقات والمصادقة ومنطق الطلب.

JWT (JSON Web Tokens): مصادقة آمنة ومشفرة لحسابات المستخدمين وحماية المسؤول.

CORS والأمان: تم تكوينهما برؤوس أمان متقدمة للسماح بالاتصال الآمن بين المتجر والخادم.

قاعدة البيانات والاستضافة (البنية التحتية)

MongoDB Atlas: قاعدة بيانات NoSQL قائمة على السحابة تُستخدم لتخزين بيانات المنتج وملفات تعريف المستخدمين وسجل الطلبات بموثوقية عالية.

Vercel: استضافة حافة عالية السرعة للواجهة الأمامية لضمان التوافر العالمي.

التقديم: استضافة قابلة للتطوير للواجهة الخلفية لـ Node.js لإدارة وقت تشغيل الخادم على مدار الساعة طوال أيام الأسبوع. الميزات الرئيسية للمستخدمين

تصميم الهاتف المحمول أولاً: واجهة مستخدم سريعة الاستجابة تبدو وكأنها تطبيق أصلي على iPhone وAndroid.

السلة الذكية: تحفظ العناصر حتى لو قام المستخدم بتحديث الصفحة.

المصادقة عبر النطاق: تحافظ على تسجيل دخول المستخدمين بشكل آمن بغض النظر عن المكان الذي يتصفحون منه.

سرعة البرق: تسليم محسّن للصور وعرض من جانب الخادم لتقليل أوقات الانتظار إلى أدنى حد.