Ecommerce website

- وصف المشروع: متجر إلكتروني متكامل مبني باستخدام Next.js وTypeScript قمت بتطوير هذا المشروع كجزء من مشروع التخرج في مساري التعليمي مع Route، وهو عبارة عن تطبيق ويب متكامل للتجارة الإلكترونية يتميز بواجهة مستخدم جذابة وتجربة مستخدم سلسة على جميع الأجهزة (Responsive). _التقنيات المستخدمة: Next.js (React framework) TypeScript Tailwind CSS + ShadCN UI NextAuth للمصادقة Stripe للدفع الإلكتروني REST APIs Context API لإدارة الحالة _ الخصائص الرئيسية: نظام تسجيل دخول وتسجيل جديد مع تحقق من صحة البيانات باستخدام NextAuth. عربة تسوق ديناميكية: يمكن للمستخدمين إضافة وحذف وتحديث الكميات أو إفراغ العربة بالكامل. قائمة الأمنيات (Wishlist) لإضافة المنتجات المفضلة وإدارتها بسهولة. لوحة تحكم للمستخدم: عرض الطلبات السابقة وتحديث كلمة المرور بأمان. صفحات تفصيلية للمنتجات، التصنيفات، والعلامات التجارية. إمكانية التصفية حسب الفئة أو العلامة التجارية. دفع إلكتروني آمن وسريع باستخدام Stripe. مسارات محمية (Protected Routes): لا يمكن الوصول إلى العربة أو الملف الشخصي أو الأمنيات إلا بعد تسجيل الدخول. نظام نسيان كلمة المرور: إرسال كود عبر البريد الإلكتروني لإعادة تعيين كلمة المرور بأمان. تصميم متجاوب بالكامل مع دعم لكافة أحجام الشاشات. _ تفاصيل تقنية مميزة: حفظ تلقائي لتحديثات الكمية داخل عربة التسوق كل 500ms باستخدام NodeJS.Timeout لتحسين تجربة المستخدم. التحكم في كمية المنتج ضمن الحدود (لا تقل عن 1 ولا تتجاوز المخزون المتوفر). إنشاء Context مركزي لإدارة حالة العربة ومشاركتها بين المكونات مثل Navbar وWishlist. _ ما يميز هذا المشروع: يجمع هذا المشروع بين كل المهارات التي أتقنتها خلال فترة دراستي، من بناء الواجهات باستخدام React وTailwind، إلى إدارة المصادقة والدفع الإلكتروني باستخدام NextAuth وStripe، مع كتابة كود نظيف ومنظم باستخدام TypeScript.