تطوير نظام إدارة محتوى (CMS) متكامل وموقع تفاعلي للشركات

تطوير نظام إدارة محتوى (CMS) متكامل وموقع تفاعلي للشركات باستخدام MERN Stack (React 19)

وصف المشروع:

قمت بتصميم وتطوير حل تقني شامل (Full-Stack Solution) لشركة "Salvia Naturals" المتخصصة في المنتجات الزراعية. يهدف المشروع إلى رقمنة أعمال الشركة بالكامل من خلال بناء موقع تعريفي للجمهور، مدعوم بلوحة تحكم إدارية قوية تتيح لفريق العمل إدارة المحتوى ديناميكيًا دون الحاجة للرجوع للمبرمج.

يتكون النظام من ثلاثة أجزاء رئيسية تعمل بتناغم تام:

1. واجهة المستخدم (User Client): موقع عام سريع ومتجاوب لعرض المنتجات والفعاليات.

2. لوحة التحكم (Admin Dashboard): نظام محمي لإدارة كافة بيانات الموقع.

3. الواجهة الخلفية (Backend API): الخادم المسؤول عن معالجة البيانات والربط بين الواجهات وقاعدة البيانات.

أبرز المميزات التقنية والوظيفية للمشروع:

أحدث التقنيات البرمجية: تم بناء الواجهات الأمامية باستخدام React 19 و Tailwind CSS v4 لضمان أقصى سرعة وأداء، وهو ما يمثل نقلة نوعية في تجربة المستخدم.

نظام إدارة محتوى (CMS) مخصص:

إدارة كاملة للمنتجات (إضافة، تعديل، حذف) مع رفع الصور.

نظام لإدارة الفعاليات (Events) والأحداث القادمة.

إدارة قسم الأبحاث والتطوير (R&D) وشهادات الجودة.

حماية وأمان عالي: نظام تسجيل دخول آمن للمسؤولين باستخدام JWT Authentication وتشفير كلمات المرور.

إدارة الوسائط سحابياً: تكامل كامل مع Cloudinary لرفع وتخزين الصور ومعالجتها سحابياً لضمان سرعة تحميل الموقع.

نظام التواصل: نموذج اتصال متطور يرسل إشعارات بريدية تلقائية للإدارة باستخدام Nodemailer.

أرشفة ومحركات بحث (SEO):** دعم تحديث عناوين الصفحات والبيانات الوصفية ديناميكيًا لتحسين الظهور في محركات البحث.

البنية التحتية والنشر (Deployment & Infrastructure):

بيئة استضافة متعددة: تم نشر المشروع واختباره بنجاح على منصات سحابية عالمية مثل AWS و Hostinger ، مما يثبت مرونة النظام وقابليته للعمل على خوادم مختلفة.

إعداد النطاق (Domain Setup): شراء وربط النطاق الرسمي `salvianaturals.com` وضبط إعدادات الـ DNS لضمان الوصول الآمن والسريع.

هوية رقمية متكاملة: إنشاء وتهيئة بريد إلكتروني احترافي (Business Email) تابع للدومين لتعزيز المظهر المؤسسي للشركة.

التقنيات المستخدمة (Tech Stack):

Frontend: React 19, Tailwind v4, Vite, Material UI, Radix UI.

Backend: Node.js, Express.js.

Database: MongoDB & Mongoose ODM.

Tools: Cloudinary (Media), Nodemailer (Email), JWT (Security).

هذا المشروع يعكس القدرة على بناء أنظمة معقدة وقابلة للتوسع (Scalable) تلبي احتياجات الشركات التجارية بفاعلية، بدءاً من كتابة الكود وحتى الرفع على السيرفرات وإطلاق الموقع للجمهور.