Personal Portfolio Website

موقع بورتفوليو شخصي من صفر، مبني بـ HTML و CSS و JavaScript فقط (من غير أي مكتبة أو Framework)، بهدف عرض مهاراتي ومشاريعي بشكل احترافي

اللي استخدمته:

HTML5 لبنية الصفحة والسكاشن (Hero, About, Services, Projects, Skills, Experience, Contact).

CSS3 (Variables, Grid, Flexbox, Animations, Keyframes) لتصميم متجاوب بالكامل، ومعاه نظام Dark/Light Mode بـ CSS Variables.

JavaScript (Vanilla) للتفاعلات والحركات، من غير أي مكتبة خارجية.

اللي عملته بالظبط:

قسّمت الصفحة لـ HTML و CSS و JS في ملفات منفصلة ومنظمة (css/, js/, images/, /).

عملت Typing Effect متحرك في السكشن الأول بيكتب المسميات الوظيفية تلقائيًا.

عملت تأثير 3D Tilt للصورة الشخصية بيتحرك مع حركة الماوس.

عملت Scroll Reveal Animation بـ Intersection Observer، بحيث كل سكشن يظهر بحركة لما يدخل الشاشة.

عملت Skills Bars بنسب مهارات بتتحرك وتتملي لما توصلها.

عملت Marquee متحرك (شريط بيتحرك أوتوماتيك) لعرض التقنيات.

عملت زرار تبديل Dark/Light مع حفظ اختيار المستخدم في localStorage.

عملت تصميم Responsive بالكامل يشتغل على الموبايل والتابلت والديسكتوب.

ربطت فورم التواصل بالإيميل مباشرة (mailto).