PillSpot - User Side

PillSpot هو تطبيق حديث صُمم لتبسيط عملية تسجيل الصيدليات وإدارة بياناتها من خلال واجهة استخدام سلسة وتجربة تفاعلية مريحة. يعتمد المشروع على دمج تقنيات الويب المتقدمة مع خدمات الخرائط والموقع الجغرافي لتقديم حل عملي وموثوق يخدم أصحاب الصيدليات والمستخدمين على حد سواء. يقدّم التطبيق رحلة تسجيل متكاملة تمر بثلاث مراحل واضحة: إدخال البيانات الأساسية، تحديد الموقع الجغرافي على خريطة تفاعلية، ثم مراجعة المعلومات وإرسالها للتأكيد. كل خطوة تمت هيكلتها لتكون انسيابية، مدعومة بعمليات تحقق لحظية لضمان دقة البيانات وسهولة الاستخدام. يتميز PillSpot باستخدامه لتقنيات قوية على مستوى الواجهة الأمامية مثل React وTypeScript وRedux، مما يمنح التطبيق أداءً سريعًا وتجربة سلسة في إدارة الحالة والتنقل بين الصفحات. كما يعتمد على خادم خلفي مبني باستخدام ASP.NET Core، يوفر واجهات برمجية آمنة وموثوقة للتعامل مع البيانات وإدارة الجلسات والمصادقة. العنصر الأبرز في المشروع هو نظام الخرائط التفاعلي المعتمد على MapLibre وOpenStreetMap، حيث يمكن للمستخدم تحديد موقع الصيدلية مباشرة بالنقر على الخريطة. يتم تحليل الإحداثيات عبر OpenCage Geocoding ليتم تحديد المدينة والمحافظة تلقائياً، مما يجعل خطوة تحديد الموقع دقيقة وسهلة. على مستوى الحماية، تم تطبيق آليات متقدمة مثل CSRF Protection، وإدارة الجلسات، واعتراض الطلبات عبر Axios Interceptors لإرسال الرموز الأمنية تلقائيًا والتعامل مع انتهاء الجلسات بطريقة سلسة. كما يدعم التطبيق تعدد اللغات بالكامل مع إمكانية التبديل بين العربية والإنجليزية دون إعادة تحميل الصفحة. تم بناء PillSpot ببنية منظمة تسمح بالتوسع المستقبلي وإضافة ميزات جديدة بسهولة، مع توزيع واضح للمكونات، الصفحات، الخدمات، وإدارة الحالة. التركيز الأساسي كان على تقديم تطبيق عملي، قابل للتطوير، ويمنح المستخدم تجربة جديرة بالتطبيقات الاحترافية. يمثل هذا المشروع نموذجًا لدمج واجهات مستخدم حديثة مع خدمات خارجية وعمليات خلفية آمنة، مما يجعله إضافة قوية لأي ملف مهني يعكس مهارات قوية في تطوير تطبيقات الويب المتقدمة.