Footcap

اسم المشروع: موقع بيع أحذية رياضية (FootCap Store)

وصف المشروع:

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

دوري في المشروع (Front-End Developer):

قمت بتصميم وتطوير واجهات الموقع بالكامل باستخدام HTML، CSS، Bootstrap، وJavaScript، مع التركيز على إنشاء تجربة مستخدم تفاعلية وسهلة

وشمل دوري ما يلي:

- تصميم هيكل الصفحات (Layout) باستخدام HTML وتنظيم العناصر بطريقة واضحة ومنطقية.

- تنسيق وتصميم الواجهات باستخدام CSS وBootstrap لتحقيق مظهر احترافي ومتجاوب مع جميع الأجهزة.

إضافة التفاعل (Interactivity) باستخدام JavaScript، مثل:

- عرض تفاصيل المنتج عند النقر عليه.

- إنشاء نظام بسيط لإضافة المنتج إلى السلة.

- تحسين تجربة المستخدم من خلال تأثيرات بصرية سلسة (Animations & Hover Effects).

- تحسين الأداء والتأكد من سرعة تحميل الصفحات وسهولة التنقل بينها.

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

HTML5: لبناء الهيكل العام للصفحات.

CSS3: لتصميم وتنسيق العناصر والاهتمام بالتفاصيل الجمالية.

Bootstrap: لإنشاء تصميم متجاوب وسريع التعديل.

JavaScript (Vanilla): لإضافة التفاعلات وسلوك المستخدم الديناميكي.

مكونات الموقع الأساسية:

الصفحة الرئيسية (Home Page):

بانر رئيسي يعرض أحدث العروض أو الموديلات.

أقسام لعرض أنواع الأحذية (رجالي – نسائي – رياضي).

صفحة المنتجات (Products):

عرض المنتجات في شبكة (Grid View) مع صور وسعر وزر "إضافة إلى السلة".

صفحة تفاصيل المنتج (Product Details):

عرض معلومات وصور إضافية عن المنتج.

صفحة السلة (Cart):

عرض المنتجات المضافة مع إمكانية تعديل الكمية أو الحذف.

صفحة التواصل (Contact Us):

نموذج تواصل بسيط مع بيانات المتجر ووسائل الاتصال.

نقاط القوة في المشروع:

- تصميم متجاوب واحترافي يناسب الهواتف والأجهزة المختلفة.

- تجربة مستخدم سلسة وسهلة التصفح.

- استخدام فعال لـ Bootstrap في تنظيم التصميم.

- تفاعل ديناميكي باستخدام JavaScript لتحسين تجربة المستخدم.