Kareem A.
نبذة
أنا مطوّر واجهات أمامية Frontend Developer بخبرة عملية سنتين في تطوير تطبيقات الويب باستخدام TypeScript وJavaScript وReact.js. شغوف ببناء واجهات تفاعلية وسريعة تركز على تجربة المستخدم، مع الحفاظ على أفضل معايير الأداء والمرونة في الكود.
أعتمد في شغلي على أحدث تقنيات الواجهة زي Next.js وRedux Toolkit، ومعي خبرة قوية في Firebase، وتصميم الواجهات باستخدام Tailwind CSS، Material UI، Bootstrap. كمان بستخدم Git لإدارة الإصدارات والعمل الجماعي.
عندي خبرة ممتازة في ربط الواجهات بالـ RESTful APIs، وإدارة الحالة، وبناء مكوّنات ديناميكية قابلة لإعادة الاستخدام، وتنفيذ ميزات لحظية باستخدام WebSockets.
بحرص دايمًا على كتابة كود نظيف وسهل التطوير، وتحسين الأداء وإتاحة الوصول على مختلف الأجهزة. بحب الشغل وسط فريق وبكون دائمًا متحمس لتعلم تقنيات جديدة تساعدني أقدّم تجربة مستخدم مميزة.
المهارات التقنية
اللغات:
HTML – CSS – JavaScript – TypeScript
الأُطر والمكتبات:
React.js – Next.js – Redux Toolkit
التصميم:
Tailwind CSS – Material UI – Bootstrap – SCSS – LESS
الأدوات والمنصّات:
Git – Firebase – WordPress
مهارات أخرى:
ربط واجهات المستخدم بالـ APIs – التعامل مع WebSockets – التصميم المتجاوب – أفضل ممارسات الـ UI/UX
الخبرات
Frontend Developer – MagdSoft (شركة برمجيات)
عملت في MagdSoft على تطوير وصيانة مواقع الويب باستخدام React.js لبناء واجهات تفاعلية وسهلة الاستخدام. تعاونت مع فريق التصميم والباك إند لتنفيذ واجهات سريعة ومرنة ومتوافقة مع مختلف الأجهزة. استخدمت RESTful APIs لضمان تواصل سلس بين الواجهة الأمامية والخلفية، مع التركيز على تحسين الأداء وتقليل وقت تحميل الصفحات. كما استخدمت Git لإدارة الإصدارات والحفاظ على جودة الكود.
أبرز الأعمال:
موقع برقيا – barqiah.com: قيادة تطوير الواجهة الأمامية باستخدام React.js وتحسين تجربة المستخدم. تم استخدام Bootstrap لإنشاء تصميم متجاوب، وتقليل وقت التحميل باستخدام Redux Toolkit وAxios.
منصة تجارة إلكترونية: تطوير واجهة متجر إلكتروني وتحسين معدل التحويل من خلال تحسين الواجهة وتجربة الشراء. إضافة فلاتر وفرز ديناميكي للمنتجات، واستخدام React Hooks لتقليل التعقيد.
موقع تحاليلك – tahaliluk.com: تطوير واجهة موقع مختبر طبي، وبناء تصميم تفاعلي باستخدام Tailwind CSS، وتحسين إدارة البيانات عبر Redux Toolkit.
منصة رواسم للعقارات – rawasem.com.sa: تصميم واجهة منصة عقارية كاملة وتحسين تجربة المستخدم. إضافة دعم اللغتين العربية والإنجليزية، وتنفيذ إشعارات فورية باستخدام Firebase Cloud Messaging وSocket.IO.
Frontend Developer (Freelance)
أعمل كمطوّر مستقل على بناء مواقع ويب سريعة ومتجاوبة باستخدام أحدث التقنيات. أساعد العملاء في تحويل أفكارهم إلى منصات حقيقية مع التركيز على تجربة المستخدم، جودة الكود، وتحسين الأداء.
أبرز الأعمال:
Advanced Universal Quality – auq.net: تطوير منصة سريعة وعالية الجودة باستخدام React.js وRedux Toolkit. تنفيذ تحسينات أداء مثل caching وlazy loading، وتحسين الـ SEO لرفع سرعة التحميل والظهور في محركات البحث.
Tadawul Academy: تطوير منصة تعليمية باستخدام Next.js وTailwind CSS. تنفيذ نظام أفلييت كامل عبر GoAffPro، وبناء نماذج تسجيل باستخدام Formik لربط البيانات مباشرة بالنظام.
التعليم
Frontend Developer – ChinaParts (شركة منتجات – Startup)
أعمل على تطوير واجهات مرنة وقابلة للتوسع لمنصة عالمية متخصصة في قطع غيار السيارات. أشارك في تحسين الأداء وتجربة المستخدم، وبناء مكونات قابلة لإعادة الاستخدام، وتطوير ميزات تؤثر على تجربة آلاف المستخدمين.
أبرز الأعمال:
منصة ChinaParts – chinaparts.com: تطوير صفحات عرض المنتجات مع فلاتر متقدمة وبحث وتصفح سريع للتعامل مع آلاف القطع. تحسين Core Web Vitals وتقليل إعادة الرندر.
بناء واجهة متجاوبة بالكامل باستخدام React.js وTailwind CSS.
دمج RESTful APIs وتحسين إدارة البيانات باستخدام Redux Toolkit وتقليل الاستدعاءات المتكررة.
تطوير نظام تصميم (Design System) يساعد الفريق على التطوير بشكل أسرع.
تحسين منطق البحث واقتراح المنتجات مع فريق الباك إند لزيادة التفاعل ومعدلات التحويل.
Petrobe Admin Panel: تطوير لوحة تحكم داخلية لإدارة الشركاء والطلبات واللوجستيات. إضافة فرز وتصفية داتا كبيرة بالسيرفر، وتنفيذ نظام صلاحيات (RBAC) لتحسين الإنتاجية.