1. نبذة عن المشروع:
تم تصميم وتطوير موقع إلكتروني يعرض معلومات عن السيارات بعنوان CarNer. يحتوي الموقع على واجهة جذابة وأقسام متنوعة، تهدف إلى تسهيل عملية البحث واستكشاف السيارات بناءً على الفئات، المواصفات، والأسعار. يتيح الموقع للمستخدمين الاطلاع على تفاصيل السيارات، قراءة التقييمات، وإضافة السيارات إلى قائمة المفضلة.
2. الأدوات والتقنيات المستخدمة:
تصميم الواجهة:
Figma لتصميم واجهة المستخدم وتحديد تخطيط الصفحات.
تطوير الموقع:
HTML5 لإنشاء الهيكل الأساسي للموقع.
CSS3 لتنسيق التصميم وإضافة الجماليات.
JavaScript لإضافة التفاعلية وتحسين تجربة المستخدم.
Bootstrap لتصميم واجهة متجاوبة تدعم جميع أحجام الشاشات.
3. مراحل التنفيذ:
تصميم المخطط الأولي:
إنشاء واجهة رئيسية تحتوي على شريط بحث وقائمة تنقل جانبية لسهولة الوصول إلى الأقسام المختلفة (Explore، Cars، Favourites).
استخدام ألوان أنيقة مثل الأزرق والأسود لخلق تجربة استخدام مريحة، مع إضافة لمسات من اللون الأحمر لإبراز الأزرار والنصوص المهمة.
تطوير الواجهة الأمامية:
كتابة كود HTML وCSS لهيكلة الصفحة الرئيسية وإضافة أنماط جذابة.
استخدام JavaScript لإنشاء قائمة سيارات ديناميكية تُمكّن المستخدم من تصفح السيارات وإضافتها إلى قائمة المفضلة.
استخدام مكتبة Swiper.js لإنشاء سلايدر يعرض السيارات الشهيرة بطريقة جذابة.
إضافة الأقسام:
قسم السيارات الأكثر شهرة (Popular Cars).
قسم السيارات الكهربائية (Electric Cars).
نظام تصنيف السيارات (Filtering & Sorting) لتسهيل البحث حسب الماركة، السعر، والمواصفات.
اختبار التوافق وسرعة التحميل:
تم اختبار الموقع على متصفحات متعددة وأجهزة مختلفة لضمان عمله بسلاسة.
تحسين أداء الموقع لتسريع تحميل الصور والمحتوى.
4. مميزات المشروع:
تصميم متجاوب بالكامل: متوافق مع جميع الأجهزة (كمبيوتر، أجهزة لوحية، وهواتف ذكية).
شريط بحث متقدم: يتيح للمستخدم البحث عن السيارات حسب الاسم، النوع، أو المواصفات.
سهولة التصفح: واجهة أنيقة ومقسمة بشكل منظم حسب الفئات.
إمكانية الإضافة إلى المفضلة: يمكن للمستخدمين حفظ السيارات المفضلة للرجوع إليها لاحقًا.
| اسم المستقل | Nermeen E. |
| عدد الإعجابات | 2 |
| عدد المشاهدات | 38 |
| تاريخ الإضافة | |
| تاريخ الإنجاز |
