Mohamed H.
نبذة عني
مين محمد هاني؟
أنا مبرمج واجهات أمامية (Frontend Developer)، بدأت رحلتي في الكود من أكتر من 3 سنين. بدأت قبل ما الذكاء الاصطناعي ما يسيطر على المشهد؛ وده خلاني أبني أساس برمجى حقيقي، وأفهم المنطق اللي ورا الكود. وظيفتي هي ضمان أن يكون موقعك يتميز ب أداء خرافي، أمان عالٍ، وتجربة مستخدم لا تُنسى.
ماذا اقدم ؟
1. تسريع المواقع البطيئة (تحسين الأداء)
2. تجديد شكل المواقع القديمة (Modernization)
3. بناء لوحة تحكم لإدارة شغلك (Dashboards)
4. واجهة احترافية لمتجرك الإلكتروني (E-commerce Storefront)
5. صفحات للبيع (Landing Pages)
6. اخلي موقعك يفتح من أي جهاز (Responsiveness)
7. إضافة اللغة العربية أو الإنجليزية (Multi-language)
8. حل مشاكل الموقع (Bug Fixing)
9. فحص واختبار الموقع لضمان خلوه من الأخطاء (Testing & Quality Assurance)
ملاحظه انا قاوم ب اختبار الكود (Unit Testing) و لست مختبر جودة (QA)
لماذا تخترني؟
أداء خرافي (Lighthouse 100/100): ألتزم بتحقيق تقييم 100/100 على قياس الادا (Lighthouse) في كافة مشاريعي. السرعة ليست رفاهية، بل هي العامل الأول في الاحتفاظ بزوار موقعك.
تجربة بصرية مختلفة: بستخدم Framer Motion عشان أضيف لمسات تفاعلية تخلي الموقع "حي"، و يعلق في الأذهان. بس من غير ما أأثر على الأداء.
SEO من أول يوم: بكتب كود محركات البحث بتفهمه بسهولة (Semantic HTML & Schema)، لضمان أن يفهم جوجل موقعك ويتصدر النتائج.
دعم لغات (عربي/إنجليزي): لو مشروعك محتاج لغتين، هعملك نظام ترجمة احترافي مع دعم كامل للاتجاهات (RTL/LTR).
التقنية (Technical Skills)
أنا بختار الأدوات الأنسب لكل مشروع عشان يطلع بأفضل جودة:
Core: HTML5, CSS3 (Modern Standards), JavaScript (ES6+), TypeScript.
Frameworks: React.js (v19), Next.js, Astro 6 (لأداء فائق السرعة).
Styling & UI: Tailwind CSS, Bootstrap, shadcn/ui, Material UI (MUI).
Animation: Framer Motion (للحركات الاحترافية).
State & Logic: Zustand, Redux, React Query, React Hook Form + Zod (للتحقق من البيانات).
Quality & Testing: Jest, Vitest (لضمان كود خالٍ من الأخطاء).
الخلاصة:
لو بتدور على حد يبني لك موقع "صح" من أول مرة، يهتم بالأداء والنتائج، ومستعد يشاركك بخبرته عشان نوصل لأفضل نسخة من فكرتك.. أنا مستعد للمساعدة.
تقدر تشوف معرض أعمالي، ولو عندك سال متتكسفش تسال