Voltify – متجر إلكتروني متكامل

Voltify هو منصة تجارة إلكترونية متكاملة تم تطويرها باستخدام React، بتصميم عصري وسلس يدعم جميع الأجهزة (Responsive)، ويوفر تجربة تسوق مريحة وسريعة للمستخدمين.

المميزات:

تصميم متجاوب بالكامل (Mobile-First) مناسب للموبايل والتابلت والديسكتوب.

️ عرض المنتجات بطريقة تفاعلية مع تفاصيل كاملة.

سلة تسوق تدعم التحكم في الكمية مع إمكانية الحذف.

نظام المفضلة لحفظ المنتجات المفضلة وإدارتها بسهولة.

إضافة/إزالة المنتجات من السلة أو المفضلة بشكل ديناميكي.

? استخدام React Context API لإدارة الحالة العامة للتطبيق (السلة، المفضلة، إلخ).

حركات انتقال سلسة باستخدام Framer Motion.

? تنقل بين الصفحات دون إعادة تحميل (SPA) باستخدام React Router.

إشعارات فورية (Toast Notifications) لتأكيد العمليات.

تصميم أنيق باستخدام TailwindCSS لتنظيم وتبسيط التنسيق.

سلايدر تفاعلي للمنتجات باستخدام SwiperJS.

مؤشرات تحميل باستخدام React Spinners لعرض حالة التحميل.

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

React 19 – بناء الواجهة الأساسية

TailwindCSS 4 – تنسيق احترافي وحديث

React Router v7 – التنقل بين الصفحات

Framer Motion – تحريك مكونات وصفحات بسلاسة

React Context API – إدارة الحالة العامة للتطبيق

React Icons – مكتبة أيقونات متكاملة

SwiperJS – سلايدر ومنزلقات تفاعلية للمنتجات

Axios – للتعامل مع الـ API

React Spinners – عرض مؤشرات التحميل

Vite – أداء وسرعة أثناء التطوير والبناء

ESLint – لضبط جودة الكود وتنظيمه