عنوان المشروع: بورتفوليو شخصي — Personal Portfolio Website (HTML5 + CSS3 + Vanilla JS)
وصف المشروع: موقع بورتفوليو شخصي متكامل مبني من الصفر باستخدام HTML5 و CSS3 و JavaScript فقط من غير أي frameworks زي React أو Tailwind أو Bootstrap. الموقع كامل الاستجابة (responsive) وبيشتغل على الموبايل والتابلت والكمبيوتر.
المميزات:
تصميم dark mode بألوان السايبر سكيورتي (خلفية داكنة مع لمبات نيون خضراء)
تأثير كتابة تلقائي (typing effect) في العنوان الرئيسي بيتبدل بين أدوار مختلفة
شريط تنقل ثابت (sticky navbar) بيقل عتامته مع التمرير
خاصية تصفية ديناميكية للمشاريع حسب التصنيف
معرض مشاريع بصور و hover effects
أيقونات من FontAwesome وخطوط من Google Fonts
زر رجوع للأعلى مع smooth scrolling
توافق تام مع جميع أحجام الشاشات
الأقسام: قسم التعريف الشخصي (Hero) مع صورة دائرية و اسم وتأثير كتابة قسم About يحتوي على السيرة الذاتية سريعة مع إحصائيات قسم المهارات مقسم إلى 6 فئات: Backend, Security, Web Development, AI, IoT, Big Data قسم المشاريع مع فلترة وعرض 13 مشروع كاملين قسم التواصل مع البريد والتليفون ولينكد إن Footer مخصص
المشاريع المعروضة: Backend API باستخدام FastAPI و Supabase و JWT Smart Home Dashboard باستخدام ESP8266 و AWS ML Classification Pipeline باستخدام KNN و SVM و Random Forest HCI Sign Language System باستخدام OpenCV و MediaPipe ML Models Comparative Report Fruit Freshness Detection Cat vs Dog Sound Classification using RNN University IoT Lab (ESP32-CAM و Arduino) Penetration Testing و Red Team Lab E-commerce Website كامل شركة The Shalabi Red Team Division SQL Database Design Big Data Twitter Sentiment Analysis باستخدام Splunk و Kafka
التقنيات المستخدمة: HTML5, CSS3, Vanilla JavaScript, FontAwesome, Google Fonts
الفكرة من المشروع: إثبات القدرة على بناء واجهات أمامية احترافية بالكود اليدوي الخالص من غير الاعتماد على frameworks، مع الاهتمام بالتفاصيل البصرية وتجربة المستخدم والاستجابة على كل الأجهزة.