اسم المشروع: موقع بيع دراجات جالاكسي
الغرض من المشروع: توظيف مهاراتي التي تعلمتها لإنشاء موقع مشابه لموقع لبيع الدراجات.
التقنيات المستخدمة:
- HTML5
- CSS3
- JavaScript
- Sweet Alert
مراحل التنفيذ:
- مرحلة التخطيط والتصميم:
تصميم الواجهة: قمت بعمل محاكاه لصفحات الموقع الرسمي مع تعديلات بسيطة.
- مرحلة التطوير:
إعداد المشروع: قمت بإنشاء هيكل المشروع باستخدام HTML5، وتنسيق الأنماط باستخدام CSS3، وتطوير الوظائف التفاعلية باستخدام JavaScript.
- تطوير الواجهة الأمامية:
استخدام HTML5 وCSS3: لإنشاء تصميم متجاوب يتكيف مع جميع أحجام الشاشات باستخدام تقنيات مثل Flexbox.
تطوير المكونات التفاعلية: باستخدام JavaScript، قمت بتطوير مكونات تفاعلية مثل قائمة المنتجات وواجهة السلة.
- إضافة وظائف السلة:
عرض المنتجات: قمت بإنشاء صفحة لعرض المنتجات مع تفاصيل مثل الصور والأسعار.
خاصية إضافة للسلة: تم تطوير وظيفة إضافة المنتجات إلى السلة باستخدام JavaScript، مع تحديث فوري لعدد المنتجات في السلة.
اختبار التوافق: تأكدت من توافق الموقع مع مختلف المتصفحات والأجهزة المحمولة والأجهزة اللوحية.
- النتيجة النهائية:
تم إنشاء موقع يحاكي موقع دراجات جالاكسي.
الواجهة متجاوبة تفاعلية، مما يوفر تجربة مستخدم ممتازة على جميع الأجهزة.
الموقع يحتوي على صفحات رئيسية وصفحات لعرض المنتجات مع خاصية إضافة للسلة.