مشروعي هو موقع ويب تفاعلي يحتوي على تصميم ديناميكي وتفاعلات بصرية جذابة باستخدام HTML, CSS, و JavaScript. الهدف من المشروع هو تقديم تجربة مستخدم سلسة من خلال تغيير الخلفيات، التحكم في الألوان، وإضافة تأثيرات متحركة عند التمرير والتفاعل مع العناصر المختلفة.
المميزات الأساسية للمشروع:
1. تغيير الخلفية الديناميكي:
•الخلفية تتغير تلقائيًا كل 5 ثوانٍ باستخدام setInterval.
•يمكن للمستخدم إيقاف أو تشغيل تغيير الخلفية من خلال زرين (Yes/No).
•هناك مجموعة من الصور الجانبية، وعند الضغط على أي صورة، يتم تعيينها كخلفية رئيسية مع إيقاف التغيير التلقائي.
2. التحكم في الألوان من خلال Sidebar:
•يوجد Sidebar جانبي يحتوي على مجموعة ألوان.
•عند الضغط على أي لون، يتم تغيير جميع النصوص التي تحمل main-color إلى اللون المحدد.
•يتيح للمستخدم تخصيص تجربة الاستخدام وفقًا لتفضيلاته.
3. قسم “Our Skills” مع تأثيرات التمرير:
•يحتوي هذا القسم على مهارات البرمجة مثل HTML, CSS, JavaScript, React, Next.js, API.
•عند النزول إلى هذا القسم، يتم تفعيل أنيميشن يعرض نسبة إتقان كل مهارة (مثلاً: HTML = 100%، CSS = 90%… إلخ).
•شريط التقدم (progress bar) الخاص بكل مهارة يأخذ لون main-color المحدد من المستخدم.
4. عرض الصور بتأثير Overlay:
•يحتوي المشروع على مجموعة صور مصغرة (Thumbnails).
•عند الضغط على أي صورة، تصبح الصورة الأساسية المعروضة، ويتم إضافة تأثير Overlay على باقي الصور، مما يركز انتباه المستخدم على الصورة المختارة.
تقنيات مستخدمة:
HTML: لإنشاء هيكل الصفحة.
CSS (Flexbox & Grid, Animations, Transitions): لتنسيق التصميم وإضافة تأثيرات جمالية.
JavaScript (DOM Manipulation, Event Listeners): لإضافة التفاعل الديناميكي بين المستخدم والموقع.
| اسم المستقل | Hassan E. |
| عدد الإعجابات | 0 |
| عدد المشاهدات | 4 |
| تاريخ الإضافة |
