تصميم واجهة متجر إلكتروني احترافي للأجهزة (PC & Mobile) بـ HTML/CSS

الوصف: تم تصميم وتطوير هذا المشروع كموقع ويب متكامل لمتجر إلكتروني متخصص في بيع أجهزة الكمبيوتر المجمعة (Pre-built PCs). يجمع المشروع بين تصميم واجهة أمامية جذاب وعصري، مع بناء واجهة خلفية قوية وآمنة لإدارة المستخدمين، مما يوفر تجربة مستخدم كاملة من البداية إلى النهاية. أبرز مميزات المشروع: نظام تسجيل مستخدمين متكامل: صفحة تسجيل (Register): صفحة بتصميم نظيف تسمح للمستخدمين الجدد بإنشاء حساب (اسم مستخدم، بريد إلكتروني، كلمة مرور). صفحة تسجيل دخول (Login): صفحة لدخول المستخدمين المسجلين إلى حساباتهم. التحقق من جانب العميل (Client-Side): استخدام JavaScript للتحقق الفوري من تطابق كلمتي المرور وتفعيل خاصية "إظهار كلمة المرور" لتحسين تجربة المستخدم. المعالجة من جانب الخادم (Server-Side): استخدام PHP لمعالجة بيانات النماذج، والاتصال بقاعدة البيانات، وإضافة المستخدمين الجدد بشكل آمن. تصميم واجهة مستخدم (UI) احترافي: الصفحة الرئيسية (Homepage): تصميم جذاب يعرض هوية العلامة التجارية ويقدم أقساماً تعريفية بخدمات المتجر (مثل أجهزة الألعاب، البرمجة، وتصميم المحتوى). صفحة عرض المنتجات (Products): معرض منظم لعرض جميع أجهزة الكمبيوتر المتاحة، مع صور واضحة، ومواصفات تقنية مفصلة، وأسعار لكل جهاز. صفحة "عنا" (About): صفحة تعريفية بفريق العمل والتقنيات المستخدمة في بناء الموقع. تصميم متجاوب (Responsive Design): تم تصميم الموقع ليعمل بكفاءة على جميع أحجام الشاشات، من الهواتف الذكية إلى الأجهزة اللوحية وشاشات سطح المكتب، مع قائمة "hamburger menu" للأجهزة المحمولة. التقنيات المستخدمة: الواجهة الأمامية (Frontend): HTML5: لبناء هيكل الموقع. CSS3: لتنسيق وتصميم جميع الصفحات، بما في ذلك استخدام الـ Flexbox/Grid والتصميم المتجاوب (@media queries). JavaScript (ES6+): لإضافة التفاعلية في الموقع، مثل التحقق من النماذج، وإظهار/إخفاء كلمة المرور، وتشغيل القائمة المتجاوبة. الواجهة الخلفية (Backend): PHP: لإدارة المنطق الخاص بالخادم، ومعالجة طلبات POST من النماذج، وإدارة جلسات المستخدم (Sessions). قاعدة البيانات (Database): MySQL: لتخزين بيانات المستخدمين (أسماء، بريد إلكتروني، كلمات مرور) والتعامل معها عبر استعلامات SQL. أدوات وبيئة العمل: XAMPP: كبيئة خادم محلي. Visual Studio Code: كمحرر أكواد أساسي.