تطبيق رفع وتحميل الصور باستخدام React.js و Node.js و Tailwind CSS و MongoDB

قمت بتطوير تطبيق ويب كامل الوظائف يتيح للمستخدمين رفع وتحميل الصور بطريقة سلسة وسريعة، باستخدام React.js للواجهة الأمامية، وNode.js للخلفية، مع Tailwind CSS لتصميم واجهات احترافية، وMongoDB لحفظ بيانات الصور والمستخدمين.

مميزات التطبيق:

رفع الصور من جهاز المستخدم مباشرة إلى الخادم.

تخزين بيانات كل صورة (مثل الاسم، الحجم، التاريخ) في قاعدة بيانات MongoDB.

تحميل الصور المعروضة في أي وقت.

عرض قائمة بجميع الصور المرفوعة مع إمكانية الفلترة أو البحث (قابل للتوسعة).

واجهة تفاعلية وسريعة بفضل React وTailwind.

تصميم متجاوب بالكامل، يعمل بكفاءة على الحواسيب والهواتف.

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

Frontend:

React.js (مع استخدام Hooks وAxios لجلب البيانات)

Tailwind CSS (لتصميم واجهة مرنة وعصرية)

Backend:

Node.js + Express.js

Multer (للتعامل مع رفع الملفات)

MongoDB + Mongoose (لتخزين بيانات الصور والمستخدمين)

هدف المشروع:

تصميم منصة بسيطة وقوية لرفع الصور وإدارتها، تصلح كمكون أساسي لمواقع بروفايلات، متاجر، أو معارض رقمية، وتُستخدم كنموذج لتطبيقات تعتمد على تحميل ملفات المستخدمين.