? نظام إدارة متجر منتجات (MERN Stack)
تفاصيل العمل
? نظام إدارة متجر منتجات (MERN Stack)
? نوع العمل
تطوير تطبيق ويب متكامل لإدارة المنتجات باستخدام تقنية MERN Stack، يتيح للمستخدمين تنفيذ جميع عمليات CRUD (إضافة – عرض – تعديل – حذف) على المنتجات من خلال واجهة استخدام حديثة وسهلة.
? وصف المشروع
هذا المشروع عبارة عن متجر منتجات بسيط يهدف إلى تطبيق المفاهيم الأساسية والعملية لتطوير تطبيقات الويب الحديثة. يوفّر لوحة تحكم لإدارة المنتجات تشمل:
إنشاء منتج جديد
عرض جميع المنتجات الحالية
تعديل بيانات أي منتج
حذف المنتجات
التطبيق مناسب كنواة أولية لمتجر إلكتروني أو كنظام تدريبي/تعليمي لفهم CRUD وREST APIs.
? المميزات
واجهة مستخدم أنيقة وسلسة باستخدام React + Tailwind CSS
دعم الوضع الداكن (Dark Mode)
تنظيم المنتجات في بطاقات (Cards) واضحة
عرض السعر بشكل بارز على صورة المنتج
أزرار تعديل وحذف لكل منتج
تجربة مستخدم متجاوبة مع جميع الشاشات (Responsive Design)
فصل كامل بين الواجهة الأمامية والخلفية
كود منظم وقابل للتطوير
? طريقة التنفيذ (التقنيات المستخدمة)
الواجهة الأمامية (Frontend):
React.js
Tailwind CSS
Axios للتعامل مع الـ API
الواجهة الخلفية (Backend):
Node.js
Express.js
RESTful APIs
قاعدة البيانات:
MongoDB
Mongoose لإدارة الـ Schemas
مفاهيم مطبّقة:
CRUD Operations
MVC Structure
Environment Variables
Error Handling
State Management
? رابط المعاينة