CV website

الموقع ده ممكن تستخدمه كـ Portfolio / CV / Resume Website، والمميز فيه إنه:

متجاوب مع كل الشاشات

شكله أنيق ومرتب

متوافق مع معايير الـ ATS

مبني بالكامل باستخدام تقنيات حديث

? Tools I used:

Next.js

TypeScript

TailwindCSS

Sass (SCSS)

قسمت الموقع بطريقة منظمة تناسب تصنيفات الـ ATS، وركزت على التفاصيل الصغيرة اللي بتفرق.

Key Features:

Modal ترحيبي عند الضغط على الصورة فيه نبذة سريعة وروابط للتواصل

? Tabs لعرض الـ Technical Skills بشكل أنيق وسهل

تنسيق ألوان مدروس لراحة العين

Data كلها جاية من ملف JSON خارجي (زي قاعدة بيانات) علشان أسهل التعديل والإضافة

تحسين الصور باستخدام WebP + Image component من Next.js لتقليل مشاكل LCP

نتيجة الـ SEO وPerformance كانت ممتازة على GTmetrix + Google PageSpeed + Lighthouse

الموقع سريع، شكله جذاب، ومتوافق مع كل الشاشات والمقاييس — والأهم إنه سهل يتقرأ من قبل الـ ATS bots.