مشروع Haladore هو منصة إلكترونية متكاملة تم تطويرها باستخدام تقنيات MERN Stack (MongoDB, Express, React, Node.js)، تهدف إلى توفير تجربة مستخدم سلسة، حديثة، وآمنة لإدارة الحسابات والتعاملات داخل النظام.
الموقع يتميز بواجهة أمامية تفاعلية وعصرية مبنية باستخدام React مع Redux لإدارة الحالة بشكل منظم وسلس، بالإضافة إلى تصميم أنيق باستخدام Tailwind CSS و React Icons ودمج Framer Motion لتوفير حركات وانسيابية جذابة في الواجهة.
على مستوى الخادم، تم استخدام Node.js مع Express لإنشاء RESTful API قوية وآمنة، مع تطبيق نظام حماية كامل عبر JWT Authentication ووسائط التحقق (express-validation) لضمان صحة البيانات وأمان المستخدمين.
تم تخزين البيانات في قاعدة MongoDB باستخدام Mongoose لتنظيم النماذج والعلاقات بشكل مرن وفعال.
كما تم رفع المشروع وتشغيله على الإنترنت باستخدام:
Netlify لواجهة المستخدم (Frontend)
Render للسيرفر (Backend)
Git لإدارة الإصدارات والتحكم في الكود
رابط المشروع المباشر: https://haladore.netlify....
المميزات التقنية:
واجهة مستخدم تفاعلية وسريعة باستخدام React + TailwindCSS
نظام إدارة حالة احترافي بـ Redux Toolkit
حركات ديناميكية باستخدام Framer Motion
مصادقة آمنة للمستخدمين عبر JWT
واجهة برمجية (API) مبنية بـ Node.js / Express
قواعد بيانات سحابية باستخدام MongoDB Atlas
تحقق من المدخلات وحماية السيرفر باستخدام express-validation
نشر احترافي على Netlify و Render
إدارة متكاملة للكود عبر Git / GitHub