Tech Zone E-Commerce Project

TechZoom – منصة تجارة إلكترونية متكاملة TechZoom هو تطبيق ويب متكامل للتجارة الإلكترونية تم تطويره باستخدام تقنيات MERN Stack (MongoDB, Express.js, React.js, Node.js) مع تصميم عصري باستخدام Tailwind CSS. يوفر تجربة تسوق احترافية وسلسة للمستخدمين، مع نظام إدارة متكامل للمسؤولين، ودعم كامل للدفع الإلكتروني باستخدام Stripe. أبرز المميزات تسجيل دخول وتوثيق آمن تسجيل دخول باستخدام حساب Google (OAuth 2.0). حماية المسارات الحساسة باستخدام JWT (Protected Routes). حماية كاملة لصفحات الدفع ولوحة الإدارة من الوصول غير المصرح به. الصفحة الرئيسية عرض المنتجات بطريقة منظمة وجذابة. شريط بحث سريع للعثور على المنتجات بسهولة. عرض المنتجات الشائعة أو المميزة (حسب التخصيص). ️ صفحة المنتجات إمكانية تصفح كل المنتجات. فلترة متقدمة حسب: السعر (من - إلى) التصنيف (Category) ترتيب حسب: السعر (تصاعدي/تنازلي) التقييم الأحدث عربة التسوق (Cart) إضافة المنتجات للعربة بسهولة. تعديل الكمية (زيادة/نقصان). حذف منتج من العربة أو تفريغها بالكامل. حساب الإجمالي تلقائيًا مع عرض ملخص الطلب. تصميم تفاعلي يظهر العربة في أي لحظة (Mini Cart or Page Cart). نظام الدفع الإلكتروني تكامل كامل مع Stripe لتنفيذ عمليات الدفع بأمان. بعد الدفع يتم تحديث حالة الطلب تلقائيًا. دعم التعامل مع Webhooks لتحديث حالة الطلب في الخلفية. نظام الطلبات كل طلب يحتوي على حالة محددة: Pending – قيد الانتظار Shipped – تم الشحن Out for Delivery – في الطريق Delivered – تم التوصيل Canceled – تم الإلغاء يمكن للمستخدمين متابعة حالة طلباتهم من خلال لوحة حسابهم. ? لوحة تحكم المسؤول (Admin Panel) إدارة المنتجات: إضافة، تعديل، حذف المنتجات. إدارة المستخدمين: عرض قائمة المستخدمين المسجلين. إدارة الطلبات: عرض تفاصيل كل طلب وتحديث حالته. لوحة تحكم إحصائية: تعرض: عدد المستخدمين (Total Users) عدد الطلبات (Total Orders) عدد المنتجات (Total Products) إجمالي الأرباح (Total Profit) ️ تصميم متجاوب بالكامل متوافق مع كل الأجهزة (موبايل – تابلت – كمبيوتر). تصميم عصري وسهل الاستخدام باستخدام Tailwind CSS. تجربة مستخدم مرنة وسريعة بفضل React وContext API.