تصميم و برمجة موقع الكتروني و نظام تسجيل دخول و تسجيل خروج, و لوحة تحكم, مع اضافة دارك ثيم.

السلام عليكم و رحمة الله و بركاته,

أنا عمر سند، مطور MERN Stack بخبرة ٣ سنوات، متخصص في بناء تطبيقات ويب كاملة وتفاعلية.

في هذا المشروع، قمتُ بتطوير لوحة تحكم (Dashboard) بسيطة تعتمد على عمليات CRUD (إنشاء، قراءة، تعديل، حذف) لإدارة البيانات بطريقة مرنة وآمنة. يُستخدم المشروع كنموذج لتطبيقات الإدارة أو النماذج المصغّرة لأنظمة أكبر.

️ المميزات الرئيسية:

١. الواجهة الأمامية (Front-End):

تم بناء الواجهة باستخدام React.js وReact Router لتنقل سلس بين الصفحات.

استخدام Styled Components لتصميم عصري وسهل التعديل.

تنبيهات فورية للمستخدم (Notifications) باستخدام react-toastify.

التعامل مع التواريخ باستخدام مكتبة dayjs.

توجيه ديناميكي بين الصفحات (مثل: /create، /edit/:id، /view/:id).

٢. الواجهة الخلفية (Back-End):

تم بناء RESTful API باستخدام Node.js وExpress.js.

الاتصال بقاعدة بيانات MongoDB عبر Mongoose.

التحقق من صحة البيانات باستخدام express-validator.

إدارة رفع الصور باستخدام Multer ورفعها إلى Cloudinary.

تسجيل المستخدمين وتشفير كلمات المرور باستخدام bcryptjs وjsonwebtoken.

تسجيل الدخول والتعامل مع الكوكيز باستخدام cookie-parser.

توثيق الجلسات وتنظيم الأكواد عبر express-async-errors وhttp-status-codes.

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

React.js | React Router DOM | Axios | Styled-Components | React Toastify | Node.js | Express.js | MongoDB | Mongoose | Multer | Cloudinary | JWT | BcryptJS

النتائج:

التطبيق يُستخدم كنواة قابلة للتوسع لبناء أي نظام إدارة بيانات.

واجهة استخدام مرنة وسريعة الاستجابة.

بنية نظيفة وواضحة على مستوى الكود، تسهّل على المطورين الآخرين التوسيع أو التعديل.