تحديات Frontend Mentor

تحديات Frontend Mentor

هي عبارة عن مشاريع مصغّرة تهدف إلى تطوير مهاراتي في بناء واجهات المستخدم، مقدمة من منصة Frontend Mentor التي يشرف عليها خبراء في مجال واجهات الويب.

? مشروع: موقع حساب العمر

موقع تفاعلي يقوم بحساب عمر المستخدم بدقة (بالسنة، الشهر، واليوم).

يركز على التحقق من صحة المدخلات وتقديم تجربة مستخدم سلسة.

التحديات المنفذة:

- إظهار العمر بالسنة والشهر واليوم بدقة.

- عرض رسائل خطأ مخصصة في الحالات التالية:

- وجود حقول فارغة (دون استخدام required).

- إدخال أرقام أيام أو شهور خارج النطاق المسموح.

- السنة في المستقبل.

- تاريخ غير صالح (مثل 31/04/1991).

- تصميم متجاوب لجميع الأجهزة.

- تأثيرات تفاعلية عند التركيز والمرور بالفأرة (hover & focus).

- حركة عدّ تصاعدي للأرقام حتى الوصول للعمر الصحيح (Animation).

أبرز ما أنجزته:

- تنفيذ جميع التحديات بشكل صحيح واحترافي.

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

HTML, CSS, JavaScript

? مشروع: الآلة الحاسبة (Calculator)

آلة حاسبة تفاعلية تقوم بالعمليات الحسابية الأساسية، مع واجهة أنيقة وإمكانية تغيير الثيم.

التحديات المنفذة:

- تصميم متجاوب لجميع الأجهزة.

- أداء عالي ودقيق في العمليات الحسابية.

- نظام ثيمات بثلاثة ألوان مختلفة، مع حفظ التفضيلات في Local Storage.

أبرز ما أنجزته:

- برمجة واجهة نظيفة وسلسة.

- استخدام التخزين المحلي لحفظ إعدادات المستخدم.

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

HTML5, CSS3, JavaScript

________________________________________________________________________

التحديات السابقة تبين مقدرتي حل حل المشكلات بطريقة منطقية وتنفيذ المطلوب منى باحترافية. وإمكانية في تحويل أي صورة png الى موقع متجاوب وبتفاعل مع العميل.