هذا المشروع هو نموذج تطبيقي لمنصة تسوّق رقمية حديثة يهدف إلى محاكاة تجربة المتاجر الإلكترونية الواقعية، مع التركيز على سرعة التصفح، سلاسة التفاعل، وبناء واجهة استخدام عصرية وقابلة للتوسع.
__________________________
المنصة تعتمد على مصدر بيانات تجريبي (DummyJSON) لتوفير محتوى منتجات واقعي يُستخدم في محاكاة عمليات العرض والبيع والشراء، مما يجعل المشروع مناسبًا لأغراض التطوير، الاختبار، واستعراض القدرات التقنية.
__________________________
المنصة تحتوي على نظام مصادقة متكامل يتيح إنشاء الحسابات، تسجيل الدخول، والتحقق من المستخدمين بطريقة منظمة واحترافية.
المنصة توفر نظام عرض منتجات ديناميكي يعتمد على واجهات تفاعلية وسلايدر لعرض المنتجات بشكل جذاب وسلس.
المنصة تحتوي على محاكاة لعملية الدفع الإلكتروني من خلال تكامل آمن مع Stripe، بهدف استعراض منطق الدفع دون الاعتماد على نظام تجاري فعلي.
__________________________
المنصة تعتمد على تصميم متجاوب بأسلوب Mobile First يعمل بكفاءة على مختلف أحجام الشاشات، مع الاهتمام بالحركات والانتقالات البصرية لتحسين تجربة المستخدم.
__________________________
المنصة تحتوي على نظام إدارة حالة خفيف ومرن لإدارة البيانات المشتركة داخل التطبيق.
المنصة تدعم العروض المؤقتة والعدّادات الزمنية المباشرة لتعزيز التفاعل مع المستخدم.
المنصة تعتمد على تحسين تلقائي للصور لتحقيق توازن مثالي بين الجودة والأداء.
المنصة تم بناؤها باستخدام مكوّنات واجهة قابلة لإعادة الاستخدام بهوية بصرية حديثة ومنظمة.
__________________________
التقنيات المستخدمة في بناء المنصة:
تقنيات (Front-end):
Framework: Next.js
لغة البرمجة: TypeScript
تنسيق الواجهة (Styling): Tailwind CSS
Authentication: Clerk
Payments Integration: Stripe
State Management: Zustand
التعامل مع الـ API: Axios
الحركات والانتقالات: Framer Motion
Sliders وCarousels: Swiper
Countdown Timers: react-timer-hook
Notifications: Sonner
تحسين الصور: Sharp
__________________________
المنصة عبارة عن مشروع Front-end فقط ومُصمم ليكون قاعدة جاهزة للتكامل مع أي Back-end مستقبلي.