مطور واجهات أمامية شغوف يتمتع بخبرة عملية في بناء مواقع ويب تفاعلية وعصرية باستخدام HTML، CSS، JavaScript، Bootstrap، Tailwind CSS، React.js، وNext.js.
أركز على كتابة كود نظيف وقابل للتوسع، مع الاهتمام بأدق تفاصيل تجربة المستخدم والرسوم المتحركة السلسة.
شاركت في تنفيذ مشروعات حقيقية تشمل تصميم واجهات احترافية، تحسين الأداء، وتكامل الواجهات مع واجهات برمجة التطبيقات (APIs).
أسعى دائمًا لتطوير مهاراتي ومواكبة أحدث التقنيات في عالم الويب الحديث.
عملت على تطوير مواقع ويب متكاملة من التصميم إلى النشر، مع تنفيذ واجهات متجاوبة واحترافية تدعم الوضع الليلي (Dark Mode) والتحريك (Animations) باستخدام React وTailwind CSS.
قمت ببناء تطبيقات ويب تفاعلية باستخدام Next.js لتحسين أداء SEO والتحميل السريع، مع فصل المكونات وتحسين تجربة المستخدم عبر تصميمات سلسة وتفاعلية.
تخرجت من قسم علوم الحاسب، واكتسبت خبرة قوية في البرمجة وتطوير البرمجيات.
في مشروع التخرج عملت مع فريق على مشروع CodeFlow (محرر أكواد على الإنترنت يتيح مشاركة الأكواد بين المستخدمين)، حيث كنت مسؤولًا عن الواجهة الأمامية، وحصل المشروع على تقدير A.
تابعت العديد من الدورات التدريبية حول تطوير الواجهات الأمامية، إدارة الحالة في React، وتصميم الواجهات باستخدام Tailwind وFramer Motion.
تطوير الواجهات الأمامية وتصميم واجهات المستخدم:
 
خبرة قوية في HTML5، CSS3، Bootstrap، Tailwind CSS لبناء صفحات ويب متجاوبة (Responsive).
تصميم واجهات حديثة وسهلة الاستخدام (UI/UX) باستخدام Framer Motion وCSS Animations.
كتابة كود JavaScript (ES6+) نظيف ومنظم لتحقيق تفاعلية عالية.
تطبيقات الويب التفاعلية وتكامل الـ API:
بناء تطبيقات متقدمة باستخدام React.js وNext.js مع إدارة الحالة وتوجيه الصفحات.
دمج APIs باستخدام Axios وFetch لجلب البيانات ديناميكيًا.
تحسين الأداء وتجربة المستخدم عبر تقنيات التحميل الكسول (Lazy Loading).
 
التصميم المتجاوب والأنيميشن:
 
إنشاء تصميمات مرنة تدعم جميع الأجهزة (Mobile-First).
استخدام Framer Motion وCSS transitions لإضافة حركات سلسة وتجربة مميزة.
دعم الوضع الليلي (Dark Mode) وتخصيص التصميمات بالألوان المتغيرة عبر CSS Variables.
 
الأدوات وإدارة الإصدارات:
 
التحكم في الإصدارات عبر Git وGitHub والعمل ضمن فرق باستخدام Agile.
استخدام Visual Studio Code كبيئة تطوير أساسية مع إضافات إنتاجية.
نشر المشاريع عبر Vercel وNetlify وFirebase Hosting.
 
المهارات الشخصية:
 
التفكير التحليلي وحل المشكلات بكفاءة.
التعاون والعمل الجماعي بشكل احترافي.
المرونة والدقة في التفاصيل.
شغف دائم بتعلم التقنيات الحديثة في تطوير الويب.
Frontend Development:
HTML5, CSS3, JavaScript (ES6+), React.js, Next.js
 
Styling & UI Frameworks:
Bootstrap, Tailwind CSS, Framer Motion, Sass
 
API & Backend Integration:
API Integration (Fetch, Axios), Firebase (Hosting, Auth, Firestore)
 
Build & Optimization:
Vite, Lazy Loading, Code Splitting, Performance Optimization
 
Development Practices:
Git, GitHub, Agile, Debugging, CI/CD
 
Soft & Technical Skills:
Problem Solving, Teamwork, Communication, Attention to Detail, Adaptability
Visual Studio Code
Git & GitHub
Figma
Vercel / Netlify / Firebase Hosting