البورتفوليو ليس مجرد معرض للأعمال، بل هو الهوية الرقمية التي تروي قصة المطور وشغفه. لذلك، كان بناء واجهتي الرقمية الخاصة مشروعاً له مكانة خاصة عندي.
في هذا المشروع، قمت بتصميم وتطوير ملف أعمالي الشخصي (Portfolio) ليكون انعكاساً دقيقاً لخبرتي ورؤيتي في عالم تطوير الويب. ركزت على خلق تجربة مستخدم بسيطة وأنيقة، تبدأ من تصميم عصري ونظيف ، وتنتهي بعرض منظم لمسيرتي المهنية والتقنية.
تم بناء البورتفوليو بالكامل باستخدام HTML, CSS, و JavaScript,bootstrap لضمان واجهة سريعة ومتجاوبة تعمل بكفاءة على جميع الأجهزة، من الهواتف الذكية إلى شاشات سطح المكتب.
يتكون البورتفوليو الخاص بي علي:
1. الشريط العلوي (Header):
تنقل واضح: تم تصميم شريط تنقل ثابت (Sticky Header) يحتوي على روابط سريعة لجميع أقسام الصفحة (الرئيسية، عني، المهارات، المشاريع، التواصل)، مما يسهل على الزائر التنقل بسلاسة دون الحاجة للتمرير.
2. القسم الترحيبي (Hero Section):
يستقبل هذا القسم الزائر بعبارة ترحيبية واضحة، مع اسمي وتخصصي كمطورة واجهات أمامية (Frontend Developer).
يتضمن القسم روابط مباشرة لملفاتي المهنية على GitHub و LinkedIn، بالإضافة إلى زر بارز لتحميل السيرة الذاتية (Download CV) ، مما يسهل على أصحاب العمل المحتملين الوصول إلى كافة معلوماتي بسرعة.
3. قسم "عني" (About Me):
نبذة شخصية: يقدم هذا القسم لمحة موجزة عني وعن خبرتي، مع التركيز على شغفي بتطوير الويب.
4. قسم التعليم (Education):
مسار أكاديمي واضح: يعرض هذا القسم الخلفية التعليمية والأكاديمية بطريقة منظمة ومرتبة زمنيًا.
يسلط الضوء على الشهادات والمؤهلات العلمية التي حصلت عليها، مما يكمل القصة المهنية ويوفر صورة شاملة عن الأساس المعرفي الذي بنيت عليه خبراتي التقنية.
5. قسم المهارات (Skills):
يتم عرض المهارات التقنية التي أتقنها (HTML, CSS, JavaScript, Bootstrap, Git, GitHub) بشكل منظم ومرئي باستخدام أيقونات واضحة، مما يسهل على الزائر التعرف على قدراتي التقنية في لمحة سريعة.
6. قسم الخبرة العملية (Work Experience):
يعرض هذا القسم الخبرات العملية السابقة بطريقة احترافية، مع توضيح الأدوار والمسؤوليات في كل منصب.
يوضح هذا الجزء كيف تم تطبيق المهارات التقنية في مشاريع حقيقية، مما يعطي دليلاً عملياً على الكفاءة والقدرة على تحقيق النتائج.
7. قسم الخدمات المقدمة (Offered Services):
يوضح هذا القسم أنواع الخدمات التي أقدمها للعملاء، مثل بناء مواقع الويب من الصفر، وتطوير واجهات أمامية مخصصة، وتحويل التصاميم (Figma) إلى كود نظيف ومتجاوب.
يعرض القسم القيمة التي يمكنني إضافتها لمشاريع العملاء، مع التأكيد على إنشاء تجارب مستخدم فعالة وجذابة بصريًا.
5. قسم المشاريع (Projects):
هذا هو قلب البورتفوليو، حيث يتم عرض مشاريعي السابقة على شكل بطاقات (Cards) أنيقة.
تحتوي كل بطاقة على صورة للمشروع، واسمه، مع زرين أساسيين: أحدهما لعرض المشروع مباشرة (Live Demo) والآخر للاطلاع على الكود المصدري على GitHub. هذا التنظيم يعكس الشفافية والثقة في جودة العمل.
7. قسم الإنجازات (Achievements):
يسلط هذا القسم الضوء على الإنجازات الرئيسية مثل الحصول على شهادات معتمدة.
تعمل هذه الإنجازات كدليل ملموس على الالتزام بالجودة والتطور المستمر، مما يعزز ثقة العميل في اختيارك لتنفيذ مشروعه.
6. قسم التواصل (Contact Me):
يوفر هذا القسم طرقًا مباشرة للتواصل معي عبر البريد الإلكتروني أو الواتساب، مما يشجع العملاء المحتملين على اتخاذ خطوة للتواصل.
هذا البورتفوليو ليس مجرد صفحة ويب، بل هو انعكاس دقيق لهويتي المهنية كـ مطورة ويب. كل قسم فيه مصمم بعناية ليقدم قصة متكاملة عن خبراتي، ومهاراتي، وشغفي ببناء تجارب رقمية متميزة.