Hikayat Al-Noon | Full-Stack Fashion E-commerce Platform

مشروع Hikayat Al-Noon هو متجر إلكتروني متكامل (Full-Stack) لبيع الأزياء، مبني بتقنيات حديثة بهدف محاكاة تجربة متجر إنتاجي حقيقي وقابل للتوسّع.

يقدم المشروع تجربة مستخدم متكاملة تشمل تصفح المنتجات، عرض تفاصيل المنتج بشكل ديناميكي، نظام مصادقة آمن (تسجيل دخول/تسجيل حساب)، سلة مشتريات محفوظة بشكل دائم، وإتمام عمليات الدفع عبر Stripe مع معالجة الطلبات وإرسال إشعارات بريدية تلقائية.

كما يحتوي المشروع على لوحة تحكم إدارية (Admin Dashboard) قوية لإدارة المنتجات، الطلبات، المستخدمين، الرسائل، النشرة البريدية، الأسئلة الشائعة، والإحصائيات والتحليلات بشكل لحظي، مما يوفر رؤية شاملة لأداء المتجر.

تم بناء المشروع باستخدام Next.js وTypeScript وTailwind CSS مع Supabase كخلفية (Database, Auth, Storage, Realtime)، إضافة إلى Stripe لمعالجة الدفع وResend لإرسال الإيميلات.

من ناحية البنية البرمجية، يعتمد المشروع على تصميم Modular Architecture باستخدام نظام Components قابل لإعادة الاستخدام (Atoms / Molecules / Organisms)، مع فصل واضح بين طبقات التطبيق (Public Pages, Auth, Dashboard, Features).

كما تم الاهتمام بالأداء، تجربة المستخدم، والاستجابة لكافة الشاشات، إضافة إلى استخدام Animations احترافية لتحسين التفاعل، ونظام إدارة حالة حديث باستخدام React Query و Context API.

المشروع يعكس مستوى Full-Stack احترافي قابل للتطوير ليخدم متجر حقيقي على نطاق واسع، وليس مجرد واجهة عرض.

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

Next.js 16, React 19, TypeScript, Tailwind CSS, Supabase, Stripe, Resend, React Query, Framer Motion, shadcn/ui

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

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

- نظام تسجيل دخول آمن (Email)

- سلة مشتريات محفوظة

- نظام دفع عبر Stripe

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

- إحصائيات وتحليلات

- نظام رسائل ونشرة بريدية

- تصميم متجاوب بالكامل

- بنية كود قابلة للتوسّع وإعادة الاستخدام