مشروع متجر إلكتروني متخصص في منتجات الدايت والتغذية الصحية
قمت بتنفيذ مشروع E-commerce متكامل باستخدام Node.js وMongoDB للباك إند، وAngular وTailwind CSS للفرونت إند.
المشروع يقدّم تجربة مستخدم مميزة، مع تصميم متجاوب بالكامل ودعم شامل لجميع الوظائف الأساسية لأي متجر إلكتروني، بالإضافة إلى مزايا متقدمة.
أهم ما تم تنفيذه في المشروع:
- بناء نظام تسجيل دخول وتفويض صلاحيات (Authentication & Authorization) مع تشفير كلمات المرور باستخدام bcrypt.
- التحقق من صحة البيانات باستخدام Joi من جهة الفرونت، مع دعم التحقق على مستوى قاعدة البيانات باستخدام Mongoose validation.
- إنشاء موديلات متعددة تشمل: المستخدمين، المنتجات، التصنيفات، الصور، المراجعات، المفضلة، وسلة المشتريات.
- رفع الصور على Cloudinary واستخدام روابطها داخل المنصة.
- تطوير API كاملة لجميع الوظائف، وتم ربطها بواجهة Angular.
- استخدام RXJS و Observables لجعل المفضلة وسلة الشراء جلوبال في التطبيق.
- دعم تسجيل الدخول عبر Google مع إمكانية تعيين كلمة مرور للمستخدم لاحقًا.
تطوير واجهات متعددة تشمل:
- صفحة رئيسية تحتوي على أعلى 3 منتجات من حيث التقييم والتصنيفات.
- صفحة منتجات تدعم الفلترة حسب السعر، التقييم، الترتيب الأبجدي، التوفر، والتصنيفات، بالإضافة إلى البحث.
- صفحة المفضلة مع إمكانية حذف عنصر أو جميع العناصر.
- صفحة السلة مع دعم الإضافة والحذف ومرحلة الدفع (Checkout).
- صفحة "من نحن" وصفحة تواصل معنا.
- صفحة بروفايل المستخدم مع إمكانية تعديل البيانات.
إضافة تحسينات مثل:
- Pagination من الباك ومربوط بالفرونت.
- استخدام Directives لتغيير صورة المنتج عند الـ hover.
- تنبيهات باستخدام مكتبة Toaster.
التصميم مستوحى من فكرة المشروع، ويعكس توجهه لخدمة الأشخاص الباحثين عن منتجات صحية ومناسبة للأنظمة الغذائية المختلفة.
التقنيات المستخدمة:
- Angular (TypeScript)
- Node.js (Express)
- MongoDB
- Tailwind CSS
- RXJS
- Cloudinary
- Joi & Mongoose validation
