تطبيق DreemBin – متجر إلكتروني

اشتغلت على تصميم وتطوير متجر إلكتروني بسيط من جهة العميل (Client-Side) باستخدام HTML وCSS وJavaScript، والهدف كان تقديم تجربة تسوق واقعية وسلسة للمستخدم. ركّزت في المشروع على تصميم جذاب وسهل الاستخدام، ويشتغل بشكل ممتاز على الموبايل والكمبيوتر.

أهم المميزات:

واجهة تفاعلية وسريعة الاستجابة (Responsive) باستخدام Flexbox وMedia Queries.

صفحة رئيسية لعرض المنتجات، صفحة تفاصيل لكل منتج، وسلة مشتريات شغالة بالكامل بـ JavaScript.

السلة بتفضل محتفظة بالمنتجات حتى بعد ما المستخدم يقفل المتصفح (عن طريق LocalStorage).

الكود مكتوب بشكل منظم وقابل للتطوير، مع فصل واضح بين التصميم والبرمجة.

أنا عملت إيه في المشروع؟

صممت الواجهة بالكامل من الصفر بدون أي مكتبات جاهزة.

برمجت منطق سلة المشتريات بالكامل بـ JavaScript.

ركّزت على تجربة المستخدم وتسهيل التنقل بين الصفحات.

جرّبت الموقع على أكتر من جهاز وشاشة علشان أتأكد إنه شغال كويس في كل الحالات.

إيه اللي المشروع ده يقدّمه للعملاء؟

المشروع ده يوضح إنّي أقدر أعمل متجر إلكتروني احترافي باستخدام أدوات بسيطة، وده مفيد جداً لأصحاب المشاريع الصغيرة أو المتوسطة اللي محتاجين حل سريع وخفيف من غير تعقيد أو تكلفة كبيرة. كمان بيوضح قدرتي على تنظيم الكود وإنشاء تجربة مستخدم مريحة من غير ما أستخدم أي إطار عمل خارجي.