"قطرة دم" هي منصة ويب تطوعية تفاعلية لربط المتبرعين بالدم بالمرضى. تم بناء الواجهة الأمامية بالكامل باستخدام تقنيات الويب الأساسية (Vanilla HTML, CSS, JS) دون الاعتماد على أطر عمل جاهزة، لضمان أعلى مستويات الأداء والسرعة.

أبرز مميزات المشروع: • تصميم متجاوب (Responsive): متوافق 100% مع كافة الشاشات (هواتف، أجهزة لوحية، وحواسيب). • دعم ثنائي اللغة (i18n): نظام مخصص لتبديل اللغة (عربي/إنجليزي) واتجاه الصفحة (RTL/LTR) فورياً وبدون إعادة تحميل. • تأثيرات بصرية (Animations): استخدام Intersection Observer لظهور سلس للعناصر عند التمرير. • نظام فلاتر حي: تصفية وبحث عن المتبرعين حسب فصيلة الدم والمدينة بشكل فوري (Real-time). • نوافذ منبثقة (Modals): واجهات نظيفة لتسجيل متبرع جديد أو إضافة طلب دم عاجل.

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

HTML5 (هيكلة دلالية)
CSS3 (Flexbox, Grid, Variables, Logical Properties)
JavaScript (DOM Manipulation, LocalStorage)