Mealify

قمت بتصميم وتطوير موقع مطعم احترافي باسم "Mealify"، مع التركيز على تقديم تجربة مستخدم مميزة وتصميم عصري متجاوب يعمل بكفاءة على جميع الأجهزة.

أحد أهم مميزات المشروع هو تنفيذ Dark Mode بالكامل باستخدام CSS فقط بدون JavaScript، من خلال استخدام تقنيات متقدمة مثل:

:checked لإنشاء زر تبديل بين الوضعين

:target للتحكم في الثيم من خلال الـ URL

:has() لتطبيق تنسيقات ذكية بناءً على العناصر الأب

كما اعتمدت على CSS Variables لتنظيم الألوان، وFlexbox و Grid لبناء Layout نظيف ومرن يضمن تجربة استخدام سلسة ومظهر احترافي.

هذا النوع من الحلول يساعد على:

✔ تحسين الأداء وتقليل الاعتماد على JavaScript

✔ سهولة التخصيص والتطوير مستقبلاً

✔ تقديم تجربة مستخدم حديثة ومتجاوبة