CV Layout

(Modern CV) مع ميزة التبديل بين الأوضاع (Dark/Light Mode)

نبذة عن المشروع:

​صممت هذا المشروع ليكون واجهة احترافية متكاملة تدمج بين جمال التصميم وقوة الأداء.

الهدف هو تقديم سيرة ذاتية إلكترونية (Online Resume) سريعة جداً، متوافقة مع كل الشاشات، وبتجربة مستخدم (User Experience) سلسة تخلي العميل أو صاحب العمل ينجذب للمحتوى.

​إيش اللي يميز هذا المشروع برمجياً؟ ​نظام الثيمات الذكي (Theme Toggling): أضفت ميزة التبديل بين الوضع الليلي والنهاري مع حفظ خيار المستخدم في الـ localStorage.

يعني لو رجع المستخدم للموقع مرة ثانية بيحصله على نفس الوضع اللي اختاره.

​الرسوم البيانية (Pure CSS): استخدمت الـ conic-gradient لعمل "Donut Charts" احترافية لعرض المهارات بدون ما أثقّل الموقع بصور أو مكتبات خارجية، وهذا يخلي التحميل "صاروخي".

التنقل الذكي (Smooth Scrolling): نظام Navigation يحدد القسم اللي أنت فيه حالياً (Active Section Highlighting) بشكل تلقائي وأنت تسوي سكرول، عشان المستخدم ما يضيع.

​الاستجابة الكاملة (Full Responsive): الموقع يتغير شكله بالكامل على الجوال مع قائمة جانبية (Slide-out menu) تضمن سهولة التصفح.

كود نظيف (Vanilla Stack): المشروع مبني بالكامل بـ HTML/CSS/JS بدون أي مكتبات خارجية (No Dependencies)، وهذا معناه كود خفيف جداً وسهل التعديل عليه.

​اللمسات التقنية: ​استخدام الـ CSS Variables لسهولة تغيير الألوان بضغطة واحدة.

​استخدام الـ Flexbox & Grid لضمان ثبات العناصر في كل الشاشات. ​توزيع المهام في JavaScript لإدارة العناصر التفاعلية (Expandable blocks) بشكل مرتب.

​الخلاصة:

​هذا المشروع يعكس اهتمامي بتقديم منتج "نظيف" برمجياً و"جذاب" بصرياً، مع التركيز على سرعة التحميل وتجربة المستخدم المميزة.