تفاصيل العمل

قمت بتطوير متجر إلكتروني متخصص في عالم الديكور، يحمل اسم "WORLD DECOR"، باستخدام تقنيات HTML5 و CSS3 لواجهة المستخدم (Frontend) وتقنيات PHP و MySQL لإدارة البيانات في الجزء الخلفي (Backend). هدف المشروع كان تقديم منصة متميزة تسلط الضوء على أحدث منتجات الديكور، مع تصميم واجهة سهلة الاستخدام ومفعمة بالأناقة.

تفاصيل التنفيذ:

واجهة المستخدم (Frontend):

تصميم هيكلي متكامل باستخدام HTML5: تم بناء صفحات أساسية تشمل الصفحة الرئيسية، صفحات المنتجات، وعربة التسوق مع تفاصيل واضحة وسهلة التصفح.

لمسات جمالية باستخدام CSS3: تم تصميم المظهر البصري للمتجر بعناية باستخدام Flexbox و Grid Layout، لإبراز المنتجات بأسلوب عصري، كما يظهر في العرض المنظم في الصورة.

تصميم متجاوب (Responsive): تم التأكد من توافق التصميم مع جميع الأجهزة، من الهواتف المحمولة إلى الشاشات الكبيرة.

استغلال Bootstrap: لتعزيز التصميم وإضافة مكونات مثل أزرار الشراء، القوائم العلوية (Navbar)، وعناصر الكروت.

التفاعل مع المستخدم:

AJAX لتحسين تجربة التسوق: تمكين تحديث العناصر في عربة التسوق أو البحث دون إعادة تحميل الصفحة.

تحقق النماذج: التحقق من صحة البيانات المدخلة أثناء التسجيل أو الشراء.

تفاعل ديناميكي: عرض مباشر للتحديثات مثل الأسعار المجمّعة أو المنتجات المضافة.

إدارة البيانات (Backend):

إدارة المنتجات: تم استخدام MySQL لحفظ بيانات المنتجات (الأسماء، الأسعار، الصور، والوصف)، مع لوحة تحكم تتيح التحكم الكامل في المحتوى.

إدارة المستخدمين: نظام تسجيل دخول آمن عبر PHP مع تشفير البيانات لحماية الحسابات.

إدارة الطلبات: تخزين بيانات الطلبات ومتابعة حالة الشحن والتحديثات اللحظية للطلبات.