عملت على تطوير موقع ويب احترافي لعلامة تجارية متخصصة في بيع الزهور باسم Fior. المشروع تم إنشاؤه باستخدام HTML, CSS, JavaScript, React.js, Node.js مع MongoDB كقاعدة بيانات أساسية.
الهدف من الموقع هو تقديم تجربة تسوق إلكترونية راقية تُبرز جمال الزهور وتُعبّر عن هوية أنثوية ناعمة من خلال تصميم بسيط وفعّال.
🔧 تفاصيل العمل:
الواجهة الأمامية (Frontend):
استخدمت React.js لبناء واجهات تفاعلية وسريعة الاستجابة. كل صفحة تم تصميمها بعناية لضمان وضوح العرض وسهولة التنقل بين الأقسام، مع التركيز على تفاصيل التصميم التي تعكس الطابع الهادئ والراقي للمنتج.
الواجهة الخلفية (Backend):
بنيت خادم (Server) باستخدام Node.js وExpress.js لمعالجة الطلبات، إدارة المنتجات، وسهولة الربط مع قاعدة البيانات.
قاعدة البيانات (Database):
استخدمت MongoDB لتخزين البيانات مثل تفاصيل المنتجات، معلومات العملاء، وسجل الطلبات، ما يضمن المرونة والسرعة في التعامل مع البيانات.
✨ مميزات المشروع:
هوية بصرية متكاملة: تصميم الألوان والخطوط والخلفيات مستوحى من جمال الزهور والنعومة الأنثوية، ما يجعل تجربة المستخدم أكثر ارتباطًا بالعلامة التجارية.
عرض المنتجات بطريقة منظمة وجذابة: تم تنظيم المنتجات في واجهة مريحة للعين مع صور عالية الجودة ومعلومات مفصلة.
سلة تسوّق متكاملة: يتيح الموقع للمستخدم إضافة المنتجات ومراجعتها قبل إتمام الشراء، مما يسهل عملية اتخاذ القرار.
تجربة مستخدم ممتازة (UX):
ركزت على أن تكون الواجهة بديهية وسهلة الاستخدام حتى للمستخدم غير الخبير.
استجابة ممتازة على الأجهزة المختلفة: تم تصميم الموقع ليعمل بسلاسة على جميع أنواع الشاشات سواء كانت هاتفًا محمولًا، تابلت، أو جهاز كمبيوتر.
أداء عالي وسرعة في التحميل: الكود نظيف ومهيأ لأداء سريع وتقليل أوقات الانتظار.
إمكانية التطوير المستقبلي: تم هيكلة الكود وتنظيم الملفات بما يسمح بإضافة مزايا جديدة بسهولة مستقبلًا.
🧠 الهدف من المشروع:
توفير تجربة تسوق رقمية أنيقة لمحبّي الزهور، وتمكين العلامة التجارية من عرض منتجاتها بطريقة تعكس قيمها وجمالها، وتحقيق تفاعل أكبر مع الجمهور المستهدف.
