Dynamic Jewelry Store

مشروع أول ويب متكامل بعد تعلم HTML، CSS، وJavaScript في ITI، عبارة عن متجر مجوهرات فاخر.

ملخص المشروع:

بدأنا المشروع بإدارة البيانات باستخدام JSON محلي، وبعدين حولناه لمتجر ديناميكي حقيقي عن طريق كتابة سكريبت خاص ونقل البيانات لـ Firebase كـ backend.

أهم الميزات:

إدارة المخزون ديناميكيًا مع عرض "Sold Out".

عربة تسوق ذكية مع LocalStorage للتحقق من المخزون.

نظام تسجيل دخول/تسجيل مستخدم كامل.

واجهة مستخدم تفاعلية مع تأثيرات تغيير الصور عند المرور وإشعارات Toast مخصصة.

تصفح سلس حسب التصنيفات (خواتم، عقود، أساور) باستخدام URL parameters.

التقنيات المستخدمة:

Frontend: HTML5، CSS3 (Flexbox & Grid)، Vanilla JS (ES6 Modules).

Backend/Database: Firebase Firestore & Authentication.

Storage: LocalStorage لعربة التسوق.

Design: UI فاخر مع تركيز على تجربة المستخدم.