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

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

التقنيات المستخدمة

HTML: لإنشاء الهيكلية الأساسية لصفحات الويب.

CSS: لتصميم واجهة المستخدم وتحسين تجربة الاستخدام باستخدام أنماط حديثة (مثل Flexbox وGrid).

TypeScript: لكتابة كود JavaScript آمن ومنظم مع دعم الكتابة القوية.

React: لبناء واجهة مستخدم تفاعلية تعتمد على المكونات.

Redux: لإدارة حالة التطبيق (مثل سلة التسوق وتفاصيل المستخدم).

Zod: للتحقق من صحة البيانات المدخلة من المستخدمين (مثل نماذج التسجيل والدفع).

MongoDB: لتخزين بيانات المنتجات، المستخدمين، والطلبات.

React Hook Form: لإدارة النماذج بسهولة وكفاءة (مثل نماذج تسجيل الدخول وإضافة المنتجات).

المميزات الرئيسية

صفحة المنتجات:

عرض قائمة المنتجات مع الصور، الأسعار، والوصف.

إمكانية التصفية والبحث حسب الفئات أو السعر.

سلة التسوق:

إضافة/حذف المنتجات من السلة.

عرض إجمالي السعر مع الضرائب.

إدارة المستخدم:

تسجيل الدخول/التسجيل باستخدام بريد إلكتروني وكلمة مرور.

التحقق من صحة البيانات باستخدام Zod.

نظام الدفع:

دمج بوابة دفع إلكترونية (مثل Stripe).

نموذج دفع آمن باستخدام React Hook Form

لوحة التحكم الإدارية:

إضافة/تعديل/حذف المنتجات.

عرض الطلبات وتتبع حالتها.

تجربة مستخدم محسنة:

تصميم متجاوب يعمل على الأجهزة المختلفة (موبايل، تابلت، حاسوب).