portfolio website

? تفاصيل المشروع: بورتفوليو احترافي من 4 صفحات

قمت بتطوير بورتفوليو احترافي يتكوّن من أربع صفحات رئيسية، باستخدام HTML وCSS وJavaScript فقط (بدون أي مكتبات خارجية)، لتقديم مثال واقعي على مهاراتي في تطوير واجهات المستخدم من الصفر.

1. الصفحة الرئيسية (Home):

تصميم أنيق ومتناسق يعرض نبذة قصيرة عني كمطوّر.

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

زر واضح للانتقال إلى صفحة "About" أو "Projects".

تصميم متجاوب بالكامل مع مختلف أحجام الشاشات.

2. صفحة التعريف (About):

عرض مفصل عن خبرتي، المهارات التي أتقنها، والبرامج التي أستخدمها.

استخدام تقسيم واضح ومريح للعين لعرض المعلومات.

إمكانية إضافة صورة شخصية أو صورة تعبيرية لزيادة التفاعل.

3. صفحة المشاريع (Projects):

عرض أعمالي السابقة (يمكن إضافة صور مصغرة وروابط مباشرة للمشاريع).

لكل مشروع: اسم، وصف مختصر، والتقنيات المستخدمة.

تنظيم البطاقات باستخدام Grid أو Flexbox بطريقة مرنة وجذابة.

كود نظيف ومنظم لتسهيل التطوير أو التعديل لاحقًا.

4. صفحة التواصل (Contact):

نموذج تواصل بسيط يحتوي على: الاسم، البريد الإلكتروني، الرسالة.

التحقق من المدخلات باستخدام JavaScript لضمان صحة البيانات.

إمكانية ربط النموذج بأداة إرسال بريد مثل Formspree أو EmailJS لاحقًا.

تصميم متجاوب ومريح للاستخدام على الجوال.

ميزات العمل:

كود منظم وموثّق يسهل تعديله وتحديثه.

تصميم متجاوب 100% مع الموبايل والأجهزة اللوحية.

تحسين تجربة المستخدم من خلال واجهة سهلة وجذابة.

استخدام مؤثرات بسيطة لتحسين التفاعل (Transitions / Hover effects).

سرعة تحميل ممتازة لأن الموقع بدون مكتبات ثقيلة.

إمكانية التخصيص بالكامل حسب طلب العميل.