متجر إلكتروني مع Admin panel

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

TypeScript

Nuxt

Contentful

Deskree

DaisyUI

الدافع وراء المشروع

بدأت فكرة المشروع في الفترة ما بين أغسطس وسبتمبر من عام 2022، عندما تم الإعلان عن حدث Vue Forge. شعرت بالحماس الشديد وكنت مستعدًا للمشاركة في هذا التحدي، لكن للأسف لم أتمكن من حضور الحدث بشكل مباشر بسبب بعض الظروف الخاصة.

رغم ذلك، لم أتراجع، بل قررت خوض التجربة بمفردي، فبدأت أتابع الجلسات المسجّلة . كان هدفي هو إنشاء متجر إلكتروني فعّال يتضمن مزايا حقيقية تضيف للمستخدم تجربة أكثر احترافية.

حرصت على إضافة ميزات مهمة، مثل:

* شريط تمرير لصور المنتجات

* دعم تعدد اللغات باستخدام i18n

* التحقق من صحة مراجعات المستخدمين

* لوحة تحكم للإدارة

التحديات التي واجهتها

أولًا: فك رموز الكود الأساسي

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

ثانيًا: اكتشاف منصة Deskree

كانت هذه المرة الأولى التي أستخدم فيها منصة Deskree، وهي منصة SaaS قوية توفر حلولًا جاهزة للمصادقة، وقواعد البيانات، واختبار الـ API. احتجت إلى تعلم كيفية التعامل مع كل هذه الأدوات، بداية من إنشاء قاعدة البيانات، مرورًا بتجربة الـ API عبر Postman، وصولًا إلى إعداد المصادقة.

كانت التجربة شبيهة بتعلم ركوب الدراجة لأول مرة. في البداية بدت صعبة، لكنها كانت ممتعة جدًا، وشعرت خلالها أنني أكتشف آفاقًا جديدة في تطوير الويب.

ثالثًا: مشكلة في لوحة الإدارة

عند إنشاء لوحة تحكم للمشرف، واجهتني مشكلة في صلاحيات الوصول للـ API، مما تسبب في تعطيل بعض الوظائف المهمة. تواصلت مع فريق الدعم الفني الخاص بـ Deskree، وتعلمت من خلال هذه التجربة كيفية التعامل مع نظام الصلاحيات ومعالجة المشاكل المرتبطة بها بشكل احترافي.

خلاصة

كان هذا المشروع بمثابة رحلة تعليمية حقيقية، مليئة بالتحديات والاكتشافات. لم يكن مجرد تدريب عابر، بل تجربة متكاملة ساعدتني على تطوير مهاراتي في بناء مشاريع تعتمد على واجهات أمامية متطورة وخدمات خلفية متكاملة. أصبحت الآن أكثر ثقة في استخدام أدوات مثل Nuxt وContentful وDeskree، وأكثر استعدادًا لتنفيذ مشاريع أكثر تعقيدًا واحترافية في المستقبل.