Time Tracking Application
نظام تتبع وقت للفرق تقارير أوتوماتيك، توزيع على المشاريع، وتكامل مع أدوات إدارة المشاريع الشهيرة.
<أهلاً بالعالم!/>
مطور واجهات أمامية رئيسي
الجيزة، مصر
قائد فريق الواجهات الأمامية @ OJTI , Angular, NX | Luftborn , مهندس معماري، مدرب، متحدث
تعرّف عليّا
أنا علي، Lead Front-End Developer مقيم في الجيزة، وعندي هوس بالـ web بقالي أكتر من 8+ سنين. تخصصي الأساسي هو Angular. مش عشان كان لازم أختار حاجة وخلاص، لكن عشان أنا فعلاً بحب الـ structure بتاعه، والـ ecosystem، والطريقة اللي بيعمل بيها scale. أنا بـ lead الـ front-end team في Luftborn، وهناك بنبني enterprise-grade platforms الناس فعلاً بتكون عايزة تستخدمها زي الـ leasing systems، والـ tenant management tools، والـمتاجر الالكترونية ، والـ real-time dashboards. من الآخر، الشغل اللي الـ performance والـ polish فيه بيفرقوا بجد. زمان كنت بـ lead الـ Angular Egypt community، كنت بنظم events، وبعمل محاضرات، وبساعد الـ developers يلاقوا طريقهم في الـ ecosystem. المرحلة دي خلصت، بس حب الـ mentoring عمره ما راح مني. أنا لسه بهتم بالناس اللي بتبني الـ product بنفس الدرجة اللي بهتم بيها بالـ product نفسه. إنك تشوف حد بيفهم concept كان بيعافر معاه واللمبة تنور في دماغه دي حاجة عمري ما بزهق منها أبداً. بتكلم عربي وإنجليزي بطلاقة، وده معناه إني بعرف أعمل context-switch بين الـ client call والـ team standup بمنتهى السهولة. آه، وتحذير صغير: أنا عندي حالة صعبة من الـ CSS fever. كل ما بكتب أكتر، كل ما مزاجي بيكون أحسن.
8+
سنوات خبرة
50+
مشاريع تم تسليمها
500+
الأعضاء في الفرق اللي قدتها
3K+
متابعين لينكدإن
قائد Front-End و UI Design
Luftborn
ما أعمل به
رحلتي المهنية
Luftborn
بقود فريق من المهندسين في تطوير تطبيقات ويب موجهة للعملاء، وبحقق زيادة ملحوظة في التفاعل من خلال front-end عالية الجودة.
Angular Egypt
بقود مجتمع Angular Egypt، بنظم فعاليات، وبروّج لأفضل ممارسات تطوير Angular.
Luftborn
مطور frontend سينيور بيشتغل على مشاريع Angular و React و Vue - بيقدم تطبيقات ويب سريعة وسهلة الصيانة لعملاء المؤسسات.
National Air Navigation Services Company
ضابط متخصص في NANSC، وOJTI مسؤول عن تدريب الموظفين الجدد.
Upwork
مطور frontend فريلانس متخصص في Vue.js - بيبني حلول ويب مخصصة لعملاء دوليين على منصة Upwork.
Fiverr
مطور فريلانس جونيور بيشتغل بـ React و Node.js - بيقدم تطبيقات ويب وخدمات backend لعملاء دوليين على Fiverr.
ما بنيته
مجموعة من المشاريع التي عملت عليها، من تطبيقات المؤسسات إلى منصات العملاء.
نظام تتبع وقت للفرق تقارير أوتوماتيك، توزيع على المشاريع، وتكامل مع أدوات إدارة المشاريع الشهيرة.

منصة إدارة عقود إيجار مبنية بـ Angular و NX monorepo تحديثات real-time ومعالجة forms معقدة.

تطبيق timeline تفاعلي لإدارة المشاريع drag-and-drop، تعاون real-time، وviews قابلة للتخصيص.
مفتوح المصدر
أدوات مجانية بابنيها للمجتمع بس للمتعة، من غير أي التزامات. استخدمها، شاركها، واستمتع بيها.
مرجع JavaScript شامل بلمسة سايبربانك. استكشف methods الـ String، Array، Object، Map & Set، Promises والـ Number & Math كل ده في مكان واحد. تدرب مع Quiz Mode، قارن الـ methods جنب بجنب، استخدم الـ Cheat Sheet، أو خلّي الـ Method Wizard يرشدك.
بواسطة Ali.G, Inspired by Sarah Drasner
إضافة ESLint بتجبرك تستخدم takeUntilDestroyed (أو أي مشغّل RxJS تاني) جوا أنابيب الاشتراك بالـ Observable عشان تمنع تسريب الميموري في تطبيقات Angular. بترصد أي استدعاء subscribe() مش فيه مشغّل إنهاء، وبتدعم الإصلاح التلقائي عبر eslint --fix.
بواسطة Ali Gamal
لوحة إنتاجية مدعومة بـ HackMD و Cloudflare Workers. تضم لوحة مهام بأسلوب كانبان مع سحب وإفلات، وعارض ملاحظات منظّم للمعلومات الشخصية وبيانات الفريق، ومتتبع قراءة لمتابعة تقدم المقالات، كل شيء متزامن عبر HackMD API.
بواسطة Ali Gamal
المجتمع والمحادثات
التفاعل مع فريق Angular والمجتمع المعماري من خلال المحادثات وجلسات الملاحظات والنقاشات.
شرح مفصل لخاصية السيجنالز في انجلر، وكيفية استخدامها في إدارة الحالة بشكل فعال.
جلسة لمناقشة كيفية الجمع بين السيجنالز والأوبزرفابلز في تطبيقات انجلر بشكل متناغم.
التواصل المباشر مع فريق تطوير Angular لمناقشة ومعالجة مشكلات الإطار.
تقديم ملاحظات واقتراحات مباشرة لفريق Angular لتحسين الإطار.
أفكار ورؤى
مقالات تقنية، دروس، ورؤى حول Angular، الذكاء الاصطناعي، DevOps، وتطوير الويب الحديث.
Stack: Vanilla HTML/CSS/JS، Netlify Functions، HackMD API، HMAC Auth. تكلفة صفر، بدون خطوة بناء، بدون فريمورك لوحة تحكم شخصية كاملة باستخدام أدوات مجانية فقط.
تعمق في استراتيجيات الـ Hydration في Angular بما في ذلك الـ Incremental Hydration لأداء مثالي في الـ SSR وانتقال سلس للعميل.
استكشاف نموذج الـ Signals في Angular والـ Resource APIs الجديدة الثورة التفاعلية اللي بتغير طريقة بناء تطبيقات Angular.
مقارنة شاملة لنماذج الذكاء الاصطناعي الرائدة Claude، ChatGPT، Gemini، Grok، Nemotron Super، وSonar. نقاط القوة والضعف وحالات الاستخدام العملية.
خلينا نتكلم
عندك مشروع في بالك أو عايز نتعاون؟ يسعدني أسمع منك!
متاح دلوقتي لمشاريع جديدة وفرص تعاون.