Cyber Security Portfolio

**Cyber Security Portfolio Website**

تصميم وتطوير Portfolio Website احترافي ومتخصص في مجال **Cyber Security وWeb Application Security**، يهدف إلى عرض الخبرات والمهارات والمشاريع والشهادات المهنية بطريقة تفاعلية وعصرية تعكس الهوية التقنية ومجال العمل.

تم تطوير الموقع باستخدام **HTML5 وVanilla JavaScript وTailwind CSS** بدون الاعتماد على Frameworks أو Build Tools، مما يجعله سريعًا وخفيفًا وسهل التشغيل والنشر على منصات مثل Vercel وGitHub Pages وNetlify.

### أبرز مميزات المشروع:

* تصميم احترافي مستوحى من طابع **Cyber Security** باستخدام **Dark / Glassmorphism / Neon UI**.

* تصميم متجاوب بالكامل مع أجهزة الكمبيوتر والتابلت والموبايل.

* **Interactive Terminal** تفاعلي يعرض معلومات ومحتوى الـ Portfolio من خلال مجموعة من الأوامر المخصصة.

* قسم **About Me** لعرض النبذة الشخصية والخلفية المهنية.

* قسم **Technical Skills** لعرض المهارات والتقنيات بشكل منظم وتفاعلي.

* قسم **Projects** لعرض المشاريع والخبرات العملية مع تفاصيل كل مشروع والتقنيات المستخدمة.

* قسم **Certifications** لعرض الشهادات والاعتمادات المهنية.

* قسم **Experience** لعرض الخبرات والتدريب والمجالات المهنية.

* نظام منظم لعرض مستوى المهارات من خلال تصنيفات مثل **Comfortable / Working Knowledge / Active Research**.

* إمكانية نسخ بيانات التواصل مثل البريد الإلكتروني و**PGP Key Fingerprint** بضغطة واحدة مع ظهور تأكيد للمستخدم.

* **Mobile Navigation Drawer** لتسهيل التنقل بين أقسام الموقع على الشاشات الصغيرة.

* استخدام **Inline SVG Icons** للحصول على أيقونات واضحة وخفيفة بدون الاعتماد على مكتبات Icons خارجية.

* استخدام **Google Fonts** مثل Inter وJetBrains Mono للحصول على Typography مناسبة للهوية التقنية للموقع.

* إضافة **Smooth Transitions وHover Effects وAnimated Status Indicators** لتحسين تجربة المستخدم.

* استخدام **Responsive Grid Layouts** لعرض المحتوى بشكل منظم على مختلف أحجام الشاشات.

* تصميم بصري متكامل يتضمن **Cyber Grid وAmbient Glow Effects وGlassmorphism Cards** للحفاظ على هوية موحدة عبر جميع أقسام الـ Portfolio.

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

**HTML5 • Vanilla JavaScript • Tailwind CSS • SVG • Google Fonts • Responsive Web Design • Interactive UI**

المشروع يجمع بين **Web Development وUI/UX Design** لإنشاء Portfolio Website متكامل، سريع، متجاوب وتفاعلي، مصمم خصيصًا لعرض الهوية المهنية والخبرات والمشاريع والمهارات بطريقة احترافية ومميزة.