Mapty Project

هذا مشروع قمت به خلال دورتي في JS. كان هدف المشروع تطبيق معرفتي في البرمجة الكائنية (OOP) و استخدام DOM لإنشاء تطبيق باستخدام المكتبة العامة Leaflet. الميزات تتضمن القدرة على إضافة تمرين بخيار إما الجري أو ركوب الدراجات باستخدام النموذج. بعد ذلك، عرضها على الخريطة بإضافة علامة وعرض تفاصيل التمرين على الجانب الأيسر من التطبيق الويب.

واجهة خريطة تفاعلية: يتميز تطبيقنا بخريطة تفاعلية كعنصر أساسي، تعمل بواسطة JavaScript، والتي تسمح للمستخدمين باستكشاف أماكن التمارين بسهولة. يمكن للمستخدمين التحرك والتكبير والتفاعل مع الخريطة للعثور على الأماكن المناسبة.

دمج خدمات تحديد الموقع الجغرافي: يمكن للمستخدمين تمكين خدمات تحديد الموقع الجغرافي لرؤية أماكن التمارين القريبة من موقعهم الحالي، مما يوفر تجربة شخصية.

تفاصيل التمرين: عند النقر على علامة موقع التمرين، يتم الكشف عن معلومات مفصلة، بما في ذلك وصف التمرين، المسافة، الارتفاع، والصور"