π Alexandria, Egypt Β β’Β πΌ Front-End Developer at eSpace Β β’Β β‘ Modern Angular (v16βv22+)
I am a Front-End Angular Developer with 3+ years of experience specializing in the modern Angular ecosystem (v16βv22+). I focus on engineering high-performance, accessible, enterprise-grade applications using Standalone Architecture, Angular Signals, SignalStore, and Reactive patterns.
I actively pioneer AI-augmented development workflows, leveraging next-generation AI IDEs (Kiro, Cursor, Antigravity) alongside custom AI steering rules (.kiro, .agents, .cursorrules) and architectural context anchors to deliver clean, maintainable, and battle-tested codebases.
- π Currently Engineering: Tier-1 corporate banking platforms at eSpace for major financial institutions in the GCC region.
- β‘ Core Philosophy: Direct, signal-first reactivity, strict type safety, zero unnecessary re-renders, and WCAG-accessible UI design.
- π Bilingual Systems: Expert in dynamic internationalization (i18n) and bidirectional (RTL / LTR) layouts for Arabic and English.
- π¬ Ask Me About: Modern Angular (v17βv22+), Zoneless architecture, Signals & SignalStore, Tailwind CSS v4, and AI-assisted workflows.
Angular v22+ β’ TypeScript β’ RxJS β’ Kiro IDE β’ GitLab β’ Corporate Banking
- Engineered enterprise corporate banking platforms for major Tier-1 financial institutions in the GCC region, collaborating on core multi-tenant system integrations.
- Leveraged Kiro IDE alongside custom AI rules and steering documents to accelerate codebase refactoring, code quality audits, and test case coverage.
- Executed architectural refactoring, migrating legacy modules into modern Angular standalone structures driven by Signals and modern routing APIs.
- Consolidated public section views and managed enterprise GitLab merge requests adhering to strict code review standards.
Angular v21βv22+ β’ Firebase β’ TailwindCSS β’ Antigravity IDE β’ NgRx SignalStore β’ Zod
- Tashil (Enterprise Multi-Tenant SaaS Platform): Architected isolated administrative dashboards with granular Role-Based Access Control (RBAC), and dynamic i18n supporting real-time English/Arabic bidirectional (RTL/LTR) switching with OnPush/Signals rendering optimization.
- Drop-Delivery & Logistics Platform: Built a high-performance logistics management engine using Angular 22+, Firebase Firestore, serverless triggers,
httpResource, computed signals, and runtime type validation via Zod. - Removals & Transport System: Designed interactive booking and transport coordination workflows with real-time route updates and service management.
JavaScript β’ Bootstrap β’ HTML5 / CSS3
- Developed responsive hotel booking interfaces with high visual engagement and interactive layout animations for real client deployment.
ASP.NET β’ Angular 16 β’ Angular Material
- Built cashier session interfaces, sales transaction processing, and large-dataset reporting views using Angular Material.
Angular 16 β’ Material Design β’ Bootstrap
- Delivered an accessible (WCAG compliant) educational content portal using Angular Meta services, lazy-loaded feature modules, and performance-tuned list rendering.
| Project | Description | Live Demo | Stack |
|---|---|---|---|
| π Portfolio & Engineering Showcase | Production-grade portfolio platform built with Zoneless Angular v22, Tailwind v4, SSR/Prerendering, bilingual i18n, Vitest, and Cloud Functions. | Live Site | Angular v22 Tailwind v4 Angular Material M3 SSR |
| πΏ Earth Harvest | Organic food delivery platform built using Signal input()/output() APIs, computed() derived state, and ngOptimizedImage performance tools. |
Live Demo | Angular v20+ Firebase TailwindCSS DaisyUI |
| π¨ Arjan Park | Commercial hotel and apartment booking platform tailored for client needs in Saudi Arabia with interactive booking workflows. | Live Client | JavaScript Bootstrap 5 HTML5 / CSS3 |
| π Hatha Al-Islam | Accessible Islamic educational portal featuring Quran and Hadith resources, multi-section architecture, and responsive design. | Live Portal | Angular 16 Angular Material Bootstrap |
| π± Natures App | High-aesthetic landing experience emphasizing clean visual hierarchy, elegant spacing, and smooth layout composition. | Live Demo | TailwindCSS HTML5 / CSS3 JavaScript |
I actively follow top platforms and communities to stay ahead with the latest in Angular and front-end engineering:
- Communities: Angular Community β’ angular.love β’ Developer Discords
- Publications & News: daily.dev β’ Medium β’ X / Twitter
