قمت بتطوير متجر إلكتروني متخصص في عالم الديكور، يحمل اسم "WORLD DECOR"، باستخدام تقنيات HTML5 و CSS3 لواجهة المستخدم (Frontend) وتقنيات PHP و MySQL لإدارة البيانات في الجزء الخلفي (Backend). هدف المشروع كان تقديم منصة متميزة تسلط الضوء على أحدث منتجات الديكور، مع تصميم واجهة سهلة الاستخدام ومفعمة بالأناقة.
تفاصيل التنفيذ:
واجهة المستخدم (Frontend):
تصميم هيكلي متكامل باستخدام HTML5: تم بناء صفحات أساسية تشمل الصفحة الرئيسية، صفحات المنتجات، وعربة التسوق مع تفاصيل واضحة وسهلة التصفح.
لمسات جمالية باستخدام CSS3: تم تصميم المظهر البصري للمتجر بعناية باستخدام Flexbox و Grid Layout، لإبراز المنتجات بأسلوب عصري، كما يظهر في العرض المنظم في الصورة.
تصميم متجاوب (Responsive): تم التأكد من توافق التصميم مع جميع الأجهزة، من الهواتف المحمولة إلى الشاشات الكبيرة.
استغلال Bootstrap: لتعزيز التصميم وإضافة مكونات مثل أزرار الشراء، القوائم العلوية (Navbar)، وعناصر الكروت.
التفاعل مع المستخدم:
AJAX لتحسين تجربة التسوق: تمكين تحديث العناصر في عربة التسوق أو البحث دون إعادة تحميل الصفحة.
تحقق النماذج: التحقق من صحة البيانات المدخلة أثناء التسجيل أو الشراء.
تفاعل ديناميكي: عرض مباشر للتحديثات مثل الأسعار المجمّعة أو المنتجات المضافة.
إدارة البيانات (Backend):
إدارة المنتجات: تم استخدام MySQL لحفظ بيانات المنتجات (الأسماء، الأسعار، الصور، والوصف)، مع لوحة تحكم تتيح التحكم الكامل في المحتوى.
إدارة المستخدمين: نظام تسجيل دخول آمن عبر PHP مع تشفير البيانات لحماية الحسابات.
إدارة الطلبات: تخزين بيانات الطلبات ومتابعة حالة الشحن والتحديثات اللحظية للطلبات.