Exclusive: منصة تجارة إلكترونية متكاملة وعصرية (Next.js & TypeScript)
تفاصيل العمل
مشروع Exclusive هو تطبيق ويب متطور للتجارة الإلكترونية (E-commerce) تم بناؤه باستخدام أحدث تقنيات الويب لضمان السرعة، الأمان، وتجربة مستخدم سلسة. يهدف المشروع إلى تقديم تجربة تسوق شاملة تبدأ من تصفح المنتجات وصولاً إلى إتمام عملية الدفع وتتبع الطلبات، مع دعم كامل للغتين العربية والإنجليزية. المميزات التقنية والوظيفية: دعم اللغات (i18n): واجهة مستخدم ثنائية اللغة (عربي/إنجليزي) مع دعم كامل لاتجاهات النص (RTL/LTR) باستخدام next-intl. إدارة الحالة (State Management): استخدام Redux Toolkit لإدارة بيانات السلة، المنتجات المفضلة، وحالة المستخدم بكفاءة عالية. نظام المنتجات المتقدم: عروض الفلاش (Flash Sales) مع عد تنازلي متزامن. نظام مقارنة المنتجات (Product Comparison) لمساعدة المستخدم على اتخاذ القرار. قائمة الرغبات (Wishlist) ونظام تقييم المنتجات. فلترة متقدمة للمنتجات حسب السعر، التصنيف، والتقييم. رحلة المستخدم (User Flow): نظام توثيق متكامل (تسجيل دخول، إنشاء حساب، استعادة كلمة المرور عبر OTP). ملف شخصي لإدارة العناوين والطلبات السابقة. الدفع والشحن: تكامل مع بوابة الدفع Stripe لعمليات دفع آمنة. تحديد الموقع الجغرافي باستخدام خرائط Google Maps و Leaflet لتسهيل عملية التوصيل. الأداء والتصميم: تصميم متجاوب بالكامل (Responsive Design) متوافق مع جميع الشاشات. استخدام Sass لضمان تنسيقات برمجية نظيفة وقابلة للتطوير. تحسين محركات البحث (SEO) وسرعة التحميل بفضل تقنيات Next.js. التقنيات المستخدمة: الواجهة الأمامية: Next.js (App Router), React, TypeScript. التنسيق: SCSS, Bootstrap, React-Bootstrap. إدارة الحالة: Redux Toolkit. التعامل مع البيانات: Axios, React Hook Form. بوابات الدفع: Stripe API. الخرائط: Google Maps API, Leaflet. التنبيهات والجماليات: React Hot Toast, Swiper.js, rc-rate.
مهارات العمل
بطاقة العمل
طلب عمل مماثل