simple e-commerce

مشروع "Toka Store" هو تطبيق ويب (Single Page Application) متطور مصمم لتقديم تجربة تسوق سلسة وعصرية للمستخدمين المهتمين بالأجهزة التقنية والإلكترونيات. تم بناء المشروع باستخدام أحدث تقنيات الويب لضمان السرعة، الأداء، والتجاوب الكامل مع جميع الشاشات.

المميزات التقنية والوظيفية:

نظام Single Page Application (SPA): التنقل بين الصفحات (الرئيسية، المنتجات، إضافة منتج، سلة التسوق، من نحن) يتم بشكل فوري دون الحاجة لإعادة تحميل الصفحة، مما يوفر تجربة مستخدم سريعة جداً.

تصميم عصري (UI/UX): استخدام هوية بصرية موحدة تعتمد على تدرجات اللون البنفسجي (Purple Theme) مع خطوط Poppins الأنيقة، مما يعطي إحساساً بالفخامة والاحترافية.

نظام إدارة المنتجات: واجهة برمجية تسمح بإضافة منتجات جديدة فوراً إلى المتجر مع عرض تفاصيلها (الاسم، السعر، الصورة).

سلة تسوق تفاعلية: نظام متكامل لإضافة وحذف المنتجات، مع تحديث فوري لإجمالي المبلغ وعدد القطع (Badge Count).

نظام تسجيل الدخول: صفحة دخول مؤمنة بواجهة جذابة وخلفيات متدرجة قبل الانتقال إلى المتجر.

تنبيهات احترافية: دمج مكتبة SweetAlert2 لتقديم تنبيهات تفاعلية للمستخدم عند إضافة منتج، تسجيل الدخول، أو إتمام الطلب.

تصميم متجاوب (Responsive): المتجر متوافق تماماً مع الهواتف المحمولة، الأجهزة اللوحية، وأجهزة الحاسوب باستخدام Bootstrap 5.

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

Front-End: HTML5, CSS3 (Custom Variables & Animations).

JavaScript: Vanilla JS (DOM Manipulation, Array Methods, Event Handling).

Frameworks & Libraries: * Bootstrap 5 (للـ Layout والتجاوب).

Font Awesome (للأيقونات).

SweetAlert2 (للتفاعل مع المستخدم).

Google Fonts (Poppins).

ما يميز هذا العمل:

كود نظيف ومنظم (Clean Code) يسهل التعديل عليه وتطويره مستقبلاً.

التركيز على التفاصيل الصغيرة مثل تأثيرات التحويم (Hover Effects) والأنيميشن عند الانتقال بين الصفحات.

تحسين الصور وتجربة التصفح لضمان عدم وجود بطء في التحميل.