BIKE MASTER | متجر لبيع الدرجات الإحترافية

HTML5 & CSS3: لبناء الهيكل الأساسي وتنسيق العناصر.

Tailwind CSS: وهو "Framework" عالمي استخدمته لتصميم الواجهة بشكل سريع واحترافي، وهو المسؤول عن تناسق الألوان، المسافات، والظلال الناعمة التي تعطي المظهر الـ Premium.

Alpine.js: هذه المكتبة هي "عقل" الموقع؛ استخدمتها لإضافة التفاعلية الحقيقية مثل نظام سلة المشتريات، فتح وإغلاق القوائم، وإظهار تنبيهات الإضافة (Toast Notifications) دون الحاجة لتعقيد React.

2. الأدوات البصرية والحركية (Visuals & Motion):

Lucide React Icons: مكتبة أيقونات متجهة (SVG) استخدمتها لإضافة رموز الدراجات، السلة، وسلة المهملات لضمان جودة بصرية عالية.

AOS (Animate On Scroll): المكتبة المسؤولة عن حركات ظهور العناصر (Fade-up) وأنت تتصفح الموقع، مما يعطي إحساساً بأن الموقع "حي" ومتفاعل.

Unsplash API Images: استخدمت روابط لصور حقيقية بدقة 4K لدراجات جبلية وطرق، لضمان أن يكون الموقع واقعياً وغير "كارتوني".

3. مفاهيم تجربة المستخدم (UX/UI Principles):

Responsive Design: الموقع متوافق تماماً مع جميع الشاشات (موبايل، تابلت، كمبيوتر).

Micro-interactions: أضفت تأثيرات عند تمرير الماوس (Hover effects) على الأزرار والكروت لتعزيز ثقة المستخدم.

Toast Notifications: نظام تنبيه فوري يظهر عند إضافة منتج للعربة ليعطي "Feedback" للمستخدم بأنه نجح في اختياره.