Ahmed Lotfi | Frontend Developer & Software Engineer | React, Next.js, ITI Alumni
مرحباً، أنا أحمد لطفي
متخصص في تطوير حلول واجهات أمامية عالية الأداء بمعايير مؤسسية، مع التركيز على الهندسة النظيفة، وتجربة المستخدم المتميزة، وبنية برمجية قابلة للنمو والتوسع.
التقنيات المستخدمة
تعرف عليّ أكثر
نبذة عني
Ahmed Lotfi Software Development, ITI Training, and ERP Enterprise Solutions
بناء تجارب رقمية هادفة
أنا مطور واجهات أمامية شغوف مقيم في مصر، أركز على بناء أنظمة ERP قابلة للتوسع وتطبيقات ويب حديثة. رحلتي في تطوير الويب يقودها التزام حقيقي بتقديم حلول ليست فقط عملية، بل استثنائية من حيث الجودة والكفاءة.
20+
مشاريع تم تنفيذها
2+
سنوات الخبرة
15+
عملاء سعداء
أسلوبي في التفكير
أؤمن أن البرمجيات المتميزة تأتي من الجمع بين الإتقان التقني وفهم احتياجات العمل. كل سطر برمجي أكتبه يُبنى بعناية مع مراعاة قابلية التوسع، وسهولة الصيانة، وتجربة المستخدم.
منهجي في العمل
عند بناء أنظمة معقدة مثل أنظمة ERP، أركز على البنية المعيارية، والمكونات القابلة لإعادة الاستخدام، والفصل الواضح بين المسؤوليات. أحرص على أن تكون التطبيقات قابلة للنمو مع تطور الأعمال، مع دعم تعدد اللغات ونظام صلاحيات قائم على الأدوار.
ما أقدمه من خبرات
المهارات
عرض لخبراتي التقنية والأدوات التي أستخدمها لبناء تطبيقات قوية.
React
بناء واجهات مستخدم ديناميكية وتفاعلية باستخدام React ونظامه البيئي.
Next.js
بناء تطبيقات React عالية الأداء وصديقة لمحركات البحث.
TypeScript
ضمان موثوقية الكود وقابلية صيانته باستخدام الأنواع الثابتة.
JavaScript
اللغة الأساسية لتطوير الويب مع ميزات ES6+ الحديثة.
HTML5/CSS3
هيكلة وتنسيق محتوى الويب باستخدام HTML الدلالي وCSS الحديث.
Zustand
إدارة حالة خفيفة وفعالة لتطبيقات React.
Redux Toolkit
حاوية حالة يمكن التنبؤ بها للتطبيقات واسعة النطاق.
React Query
جلب البيانات وتخزينها مؤقتاً بشكل قوي لحالة الخادم.
Context API
حل React المدمج لمشاركة الحالة العامة.
TailwindCSS
بناء تصميمات مخصصة بسرعة باستخدام CSS القائم على المرافق.
CSS Modules
CSS محدد ونمطي لتصميم يعتمد على المكونات.
Styled Components
كتابة CSS داخل JavaScript لتنسيق مرن وديناميكي.
Sass/SCSS
تحسين CSS باستخدام المتغيرات والتعشيش والـ mixins.
Framer Motion
إنشاء حركات سلسة وجذابة للويب.
Clean Architecture
تصميم بنية أنظمة قابلة للتوسع وسهلة الصيانة.
Component Design
إنشاء مكتبات مكونات قابلة لإعادة الاستخدام وسهلة الوصول.
API Integration
ربط الواجهات الأمامية بخدمات الواجهة الخلفية بسلاسة.
Performance Optimization
تحسين تطبيقات الويب لتحقيق السرعة والكفاءة.
Accessibility (a11y)
ضمان أن المواقع الإلكترونية متاحة لجميع المستخدمين.
Git/GitHub
التحكم في الإصدارات والتطوير التعاوني باستخدام Git.
VS Code
محرر الكود الأساسي الخاص بي للتطوير الفعال.
Figma
تصميم ونمذجة واجهات المستخدم الحديثة.
Postman
اختبار وتوثيق واجهات برمجة التطبيقات أثناء التطوير.
Vercel
نشر واستضافة تطبيقات الويب الحديثة.
Node.js
بناء خدمات واجهة خلفية قابلة للتوسع وأدوات CLI.
Express.js
إطار عمل ويب سريع وبسيط لـ Node.js.
MongoDB
قاعدة بيانات NoSQL لتخزين مرن للبيانات.
PostgreSQL
قاعدة بيانات علائقية قوية للبيانات المهيكلة.
Nest.js
إطار عمل Node.js متطور لتطبيقات جانب الخادم الفعالة.
أعمال مختارة تعكس خبرتي
أبرز المشاريع
Vooc Stores
منصة تجارة إلكترونية جاهزة للإنتاج مبنية باستخدام Laravel وMySQL، تخدم عملاء حقيقيين وتتعامل مع طلبات مباشرة. ساهمت في تطوير وتحسين تجربة الواجهة الأمامية مع ضمان تكامل سلس مع واجهات برمجة التطبيقات ومنطق الأعمال.
التقنيات المستخدمة
التحديات التي تم حلها
ربط مكونات الواجهة الأمامية مع واجهات Laravel البرمجية، إدارة تحديثات المنتجات وسلة المشتريات بشكل ديناميكي، تحسين الأداء لصفحات المنتجات الكبيرة، وضمان تجربة متجاوبة على جميع الأجهزة.
Gazhome
لوحة تحكم حديثة مبنية باستخدام React وTypeScript لإدارة المستخدمين والمحتوى والبيانات التشغيلية، مع تصميم يعتمد على مكونات قابلة لإعادة الاستخدام وبنية منظمة تدعم التوسع وسهولة الصيانة.
التقنيات المستخدمة
التحديات التي تم حلها
تنفيذ جداول ديناميكية مع فلاتر متقدمة، إدارة منطق تحقق معقد للنماذج، بناء إدارة حالة قابلة للتوسع، وتحسين التفاعل البصري باستخدام حركات سلسة.
Wasaya Tawfik
موقع مؤسسي متعدد اللغات يدعم العربية والإنجليزية بالكامل، مع تجربة مستخدم نظيفة ومعالجة احترافية لاتجاهي RTL وLTR وتحسين الأداء.
التقنيات المستخدمة
التحديات التي تم حلها
بناء نظام مرن لإدارة الترجمة، معالجة التحويل بين RTL وLTR، تحسين هيكلية SEO، وضمان الالتزام بمعايير الأداء وإمكانية الوصول.
Ecommerce Shop
تطبيق واجهة أمامية لمتجر إلكتروني يتيح تصفح المنتجات وإدارة سلة المشتريات وإتمام عملية الشراء، مبني لمحاكاة تجربة تسوق حقيقية باستخدام بنية React حديثة.
التقنيات المستخدمة
التحديات التي تم حلها
إدارة حالة سلة المشتريات بشكل مركزي وفعال، تحسين عرض قوائم المنتجات، إنشاء مكونات قابلة لإعادة الاستخدام، وتنظيم المشروع بطريقة تدعم التوسع.
رحلتي المهنية
المسار المهني
مطور واجهات أمامية
حالياًNational Quality
فبراير 2026 - حتى الآن
قيادة تطوير الواجهات الأمامية لحلول ERP المؤسسية، وتصميم أنظمة قابلة للتوسع، والمساهمة في وضع معايير تطوير واضحة.
- تصميم بنية معيارية لنظام ERP يخدم أكثر من 50 نشاطاً تجارياً
- تأسيس أفضل ممارسات تطوير الواجهة الأمامية وبناء مكتبة مكونات موحدة
متدرب مهندس برمجيات
معهد تكنولوجيا المعلومات (ITI)
أكتوبر 2025 - حتى الآن
المشاركة في برنامج التدريب الاحترافي لمدة 9 أشهر مع التركيز على تطوير تطبيقات الويب Full-Stack باستخدام تقنيات حديثة مثل React وNext.js وNode.js وSQL، مع تطبيق عملي مكثف ومشاريع جماعية.
- تطوير عدة تطبيقات ويب ولوحات تحكم ضمن المشاريع العملية
- تنفيذ مشروع تخرج متكامل وفق منهجية Agile ومبادئ الهندسة النظيفة
- تعزيز مهارات حل المشكلات وهياكل البيانات ومفاهيم البرمجة كائنية التوجه وأفضل ممارسات هندسة البرمجيات
مطور واجهات أمامية مبتدئ
Vooc Stores
يوليو 2025 - أكتوبر 2025
المساهمة في تطوير وإطلاق منصة تجارة إلكترونية جاهزة للإنتاج، وبناء واجهات مستخدم عالية الأداء وقابلة للتوسع باستخدام React والتقنيات الحديثة، مع التعاون الوثيق مع فرق التصميم والواجهة الخلفية.
- تطوير وتحسين ميزات المتجر الأساسية مثل عرض المنتجات وسلة المشتريات وتسجيل الدخول
- المساهمة في إطلاق المنصة للإنتاج وتحسين تجربة المستخدم وزيادة التفاعل
كيف يمكنني مساعدتك
الخدمات
تطوير الواجهات الأمامية
بناء تطبيقات ويب حديثة ومتجاوبة وعالية الأداء باستخدام أحدث التقنيات وأفضل الممارسات.
- تطبيقات React وNext.js
- تطوير باستخدام TypeScript
- تنفيذ تصميمات متجاوبة
تطوير واجهات أنظمة ERP
متخصص في تصميم واجهات سهلة الاستخدام للأنظمة التجارية المعقدة بهدف تبسيط العمليات وزيادة الإنتاجية.
- تطوير وحدات مخصصة
- أنظمة صلاحيات قائمة على الأدوار
- دعم تعدد اللغات
أنظمة لوحات التحكم
تصميم وتطوير لوحات بيانات تفاعلية مع تحديثات فورية ورسوم بيانية وتحليلات قابلة للتنفيذ.
- عرض البيانات بشكل فوري
- تحليلات تفاعلية
- تقارير مخصصة
تحسين الأداء
تحليل وتحسين التطبيقات الحالية لتحقيق سرعة تحميل أفضل وتجربة استخدام أكثر سلاسة ومعدلات تحويل أعلى.
- تقسيم الكود والتحميل الكسول
- تحسين حجم الحزم البرمجية
- تحسين مؤشرات Core Web Vitals
استكشاف تفاعلات واجهة المستخدم، هندسة السحب والإفلات، ومنطق الحالة.
ساحة الابتكار التفاعلية
اسحب وأفلت القطع لإعادة بناء شعار React
هذا العرض يوضح منطق حالة React مدمجاً مع واجهة برمجة تطبيقات السحب والإفلات الأصلية للمتصفح. يتم تتبع موقع كل قطعة في الوقت الفعلي لاكتشاف حل اللغز.
مدعوم بالذكاء الاصطناعي
اسألني عن أحمد
المساعد الذكي
عادة ما يرد على الفور
Hi! I'm Ahmed's AI assistant. Ask me anything about his experience, skills, or projects.
دعنا نعمل معاً
تواصل معي
هل لديك مشروع أو ترغب في مناقشة فرصة تعاون؟ يسعدني التواصل معك لنصنع شيئاً مميزاً معاً.