نظام ويب مبتكر يهدف إلى خلق حلقة وصل فعالة بين المواطنين والجهات الحكومية المختصة. تعتمد فكرة المشروع على تمكين أي شخص من التقاط صور للمشكلات في المرافق أو الشوارع ورفعها عبر المنصة، ليتم مراجعتها وتوجيهها تلقائياً للجهة المعنية لحلها.
دوري في المشروع (Frontend Developer):
قمت بتطوير واجهات المستخدم (UI) والمنطق البرمجي للواجهات الأمامية بالكامل باستخدام مكتبة React.js. كان التحدي الأساسي هو بناء نظام معقد يحتوي على صلاحيات مختلفة وتجربة مستخدم سلسة ومناسبة لكل فئة.
تم تقسيم العمل إلى بناء 3 لوحات تحكم (Dashboards) منفصلة ومترابطة:
1. لوحة تحكم المواطن (Citizen Dashboard):
واجهة بسيطة وسهلة الاستخدام وتدعم جميع الشاشات (Mobile Responsive).
إمكانية رفع الصور وتوثيق المشكلات بخطوات سريعة دون تعقيد.
2. لوحة تحكم الإدارة (Admin Dashboard):
نظام فلترة (Filtering) متقدم لمراجعة البلاغات المرفوعة.
أدوات للتحقق من صحة الصور ومطابقتها للمعايير قبل تمريرها للجهات الرسمية.
3. لوحة تحكم الجهة الحكومية (Government Dashboard):
واجهة مخصصة لاستقبال البلاغات الموثقة.
عرض تفاصيل المشكلة بوضوح لتسهيل اتخاذ الإجراءات اللازمة ومتابعة حالة الطلب.
أبرز التقنيات والمهارات المستخدمة:
React.js: لبناء مكونات قابلة لإعادة الاستخدام (Reusable Components) وتطبيق نظام الـ Single Page Application (SPA).
Responsive Design: ضمان عمل الواجهات بكفاءة تامة على أجهزة الموبايل، الأجهزة اللوحية، وشاشات الكمبيوتر.
State Management: لإدارة البيانات المعقدة بين لوحات التحكم الثلاث.
Clean Code & Architecture: كتابة كود منظم وقابل للتطوير (Scalable) لتسهيل إضافة ميزات جديدة مستقبلاً.
نتيجة المشروع:
تقديم واجهات سريعة الاستجابة، خالية من الأخطاء، وتقدم تجربة مستخدم (UX) ممتازة تخدم الهدف الأساسي للمشروع وتسهل عملية التواصل بين جميع الأطراف.
