مشروع AssiutCart هو تطبيق ويب لمتجر إلكتروني قمت ببرمجته وتطويره بالكامل من الصفر كواجهات أمامية (Front-End). ركزت في هذا المشروع على تقديم تجربة مستخدم (UX) سريعة وعملية، مع تصميم عصري متجاوب (Responsive Design) يعمل بكفاءة عالية على مختلف أبعاد الشاشات سواء للهواتف الذكية أو الحواسيب.
يعتمد الموقع على جلب البيانات بشكل ديناميكي عبر (API) ليعرض أكثر من 100 منتج.
أهم المميزات المبرمجة في المشروع:
- إمكانية إنشاء حساب جديد، تسجيل الدخول، وتسجيل الخروج بتجربة سلسة.
- عرض تفاعلي وتصميم جذاب للمنتجات مع بناء (Slider) مبرمج خصيصاً لعرض المنتجات الأعلى تقييماً.
- نظام متقدم للبحث السريع بالاسم، مع إمكانية تصفية المنتجات بمرونة حسب القسم (Category)، السعر، أو الماركة التجارية.
- تقسيم الصفحات (Pagination): توزيع العدد الكبير من المنتجات على صفحات متعددة لتسريع عملية تحميل الموقع وضمان أعلى أداء.
- إدارة عربة التسوق بحيث يمكن للمستخدم إضافة وحذف المنتجات، وتعديل الكميات، مع حفظ محتوى السلة برمجياً في المتصفح (Web Storage) حتى لا يفقدها المستخدم عند تحديث الصفحة أو الخروج منها.
- صفحة مخصصة لمراجعة تفاصيل الطلب وعرض إجمالي الفاتورة بشكل دقيق قبل التأكيد.
هيكلية الموقع (7 صفحات أساسية):
الصفحة الرئيسية الترحيبية (Home).
صفحة المتجر الشاملة للمنتجات (Shop).
صفحة العرض المخصص لتفاصيل المنتج (Product Details).
عربة المشتريات (Cart).
تأكيد الطلب وإتمام الشراء (Checkout / Order Confirmation).
صفحة تسجيل الدخول (Login).
صفحة إنشاء حساب جديد (Sign Up).
التقنيات والأدوات المستخدمة لتنفيذ المشروع:
HTML5
CSS3
JavaScript (ES6)
Bootstrap 5
DummyJSON API