Four Imams Web-GIS Application

تطبيق ويب تفاعلي استعراضي يهدف إلى توثيق وسرد السير التاريخية، الإنجازات، والجغرافيا المكانية للأئمة الأربعة للأمة الإسلامية. يدمج التطبيق بين تقنيات تطوير الويب Front-End ونظم المعلومات الجغرافية Web-GIS لتقديم تجربة مستخدم (UX) ثرية وبصرية تُربط فيها الحوادث التاريخية بأماكن النشأة والانتشار.

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

Front-End Core: HTML5 (Semantic Structure), CSS3, Modern JavaScript (ES6+).

Web-GIS & Mapping: Leaflet.js (لربط النقاط الجغرافية وعرض مواقع الميلاد، الوفاة، ونطاق انتشار المذاهب).

UI/UX Design & Styling: Custom CSS Grid & Flexbox, FontAwesome icons, RTL Support, Responsive Mobile-First Design.

Libraries & Components: Dynamic JS filtering, Interactive Timelines, Data Cards & Modals.

Hosting & Version Control: GitHub Pages, Git.

🌟 الأهمية والمميزات التقنية (Technical Features & Highlights):

الخريطة التفاعلية (Web-GIS Map Integration):

دمج خريطة تفاعلية باستخدام مكتبة Leaflet.js لعرض النطاق الجغرافي التاريخي والحديث (الميلاد، الوفاة، ومراكز انتشار المذاهب الفقهية).

تخصيص الـ Map Markers والـ Popups لتقديم معلومات تفاعلية لكل موقع جغرافي مرتبط بالإمام.

التصميم التفاعلي والاستجابة (Responsive & UI Details):

دعم كامل للغة العربية والاتجاه من اليمين إلى اليسار (RTL Direction).

تطبيق مفهوم Responsive Web Design لضمان عمل الواجهة بسلاسة على كافة الشاشات (الهواتف المحمولة، الأجهزة اللوحية، والشاشات الكبيرة).

اعتمادات بصرية جمالية مستوحاة من الهوية الإسلامية والتاريخية (Typography, Color Palette, and Custom Cards).

الهيكلة والتنظيم (Content & Architecture):

الخط الزمني (Interactive Timeline): تسلسل كرونولوجي يوضح أهم المحطات من سنة 80 هـ وحتى 241 هـ.

قسم الإنجازات والمناهج (Dynamic Cards): تبويب تفاعلي لتقسيم إنجازات ومناهج كل إمام (تأسيس، منهجية، مؤلفات،انتشار).

لوحة إحصائيات بصرية (Key Metrics Overview): عرض سريع للأرقام والمفاهيم الأساسية المرتبطة بالمشروع.