Youssef Lahdar

Role: Front-End Developer (Angular / Design System / Cloud Integration)

Key Achievements & Responsibilities:

• Develop and deliver new business features across a multi-application Angular ecosystem, ensuring modularity, maintainability, and scalability.
• Conduct unit and integration testing using Jest and Karma, achieving high coverage and production-level reliability.
• Design and maintain an NgRx-based state architecture to optimize data flow, reduce side effects, and improve application predictability.
• Perform detailed rendering performance audits using Angular DevTools and Chrome Performance Profiler to identify and resolve change detection bottlenecks.
• Optimize component trees and leverage OnPush change detection, Signals, and RxJS observables to minimize unnecessary DOM updates and improve runtime efficiency.
• Implement lazy loading, code splitting, and tree-shaking techniques to reduce bundle size by more than 35% and improve time-to-interactive metrics.
• Contribute to a multi-frontend architecture using NX Workspace, shared libraries, and integrated CI/CD workflows.
• Manage and evolve the corporate Design System, integrating design tokens and reusable UI components from Figma to ensure visual and functional consistency.
• Lead Angular framework migrations (v14 → v18), handling dependency updates, TypeScript adjustments, and SSR implementation.
• Collaborate with DevOps teams to manage front-end deployments using Argo CD and Kubernetes, ensuring efficient rollouts and high service availability.

Technologies:
Angular (v14–v18), TypeScript, RxJS, Signals, NgRx, Jest, Jasmine, Karma, NX Workspace, Webpack, Git, Figma, Argo CD, Kubernetes

Project 1: Redesign of B2C Vehicle Leasing Platform

• Front-End Architecture: Led the front-end modernization from Angular v12 to v18with Server-Side Rendering (SSR), improving SEO performance and first-content full paint by ~40%.
• Design System Leadership: Defined and implemented a shared design system in collaboration with UI/UX teams using Figma, ensuring component consistency, accessibility (WCAG 2.1), and reusability across products.
• Performance Optimization: Deployed Azure Front Door and CDN asset caching to improve global delivery speed and reduce latency.
• Frontend Observability: Integrated Application Insights, Azure Monitor, and Lighthouse metrics for continuous front-end performance monitoring and optimization.
• Backend & Cloud Engineering: Designed and deployed .NET 6/7/8 microservices and APIs following Clean Architecture, CQRS, and Event-Driven patterns.
• Infrastructure as Code (IaC):Built secure and scalable environments using Azure ARM, Bicep, and Terraform, ensuring full traceability and version control.
• Security & Integration: Secured APIs via Azure Entra ID, enforcing authentication and authorization standards across distributed systems.
• CI/CD & Automation: Developed multi-stage CI/CD pipelines in Azure DevOps with PowerShell, automating testing, build, and deployment workflows.
• Monitoring & Reliability: Established observability using Azure Monitor, achieving 99.9% uptime across production systems.

Technologies:
Angular (v12→v18), SSR, Signals, RxJS, Figma, Azure Front Door, CDN, TypeScript, .NET 6/7/8, CQRS, Clean Architecture, Terraform, Azure ARM/Bicep, Azure DevOps, PowerShell, Application Insights.

Project 2: Maintenance and Evolution of Azure Cloud Infrastructure

• Engineered target infrastructure using Infrastructure as Code (IaC) with Azure ARM Templates, Bicep, and Terraform, ensuring full version control and audibility.
• Maintained and evolved landing zones across 500 + Azure subscriptions, managing RBAC, policies, VPN gateways, and centralized monitoring.
• Strengthened cloud security through Azure Policies, Initiatives, VNet configurations, and Landing Zones.
• Enhanced resource protection using VNets, private endpoints, and subnets, meeting compliance and zero-trust requirements.
• Implemented CI/CD pipelines via Azure DevOps and PowerShell, streamlining environment deployment and reducing provisioning time.
• Migrated legacy Azure Blueprints to modern Azure Deployment Stacks for improved governance.
• Monitored resources and health with Azure Monitor, Prometheus, and Grafana for proactive alerting and capacity optimization.

Technologies:
IaC (Azure ARM Templates, Bicep, Terraform) | PaaS (App Service, Cosmos DB, API Management, Storage Account, Load Balancer, Application Gateway) | CaaS (Container Apps, Registry, Instance) | Monitoring (Azure Monitor, Prometheus, Grafana)

• Defined the architectural roadmap for the business domain.
• Led development efforts and mentored junior developers, including code reviews, pull request validations, and promoting TDD, Clean Code, and Clean Architecture principles.
• Developed a web interface for analyzing FTTH networks.
• Refactored APIs and improved performance through caching, pagination, and asynchronous processing.
• Migrated APIs from .NET to .NET Core 2.2, and then to .NET Core 5.
• Implemented monitoring and alerting solutions using Prometheus, Grafana, Kibana, and Elasticsearch.
• Set up application clusters using Docker Swarm.
• Containerized .NET Core micro-services with Docker and automated deployments.
• Established API management solutions.
• Implemented authentication, authorization, and throttling strategies at the API Management Gateway level.
• Set up CI/CD pipelines.

Technologies

• Development: .NET, .NET Core 2.2, .NET Core 5
• Web Development: TDD, Clean Code, Clean Architecture
• API Management: API Gateway, Authentication, Authorization, Throttling, Apache APISIX
• Monitoring & Logging: Prometheus, Grafana, Kibana, Elasticsearch
• Containers & Clustering: Docker, Docker Swarm
• CI/CD: Azure Devops, PowerShell.
• Web Technologies: Angular, SSR

Role: Front-End Developer (AngularJS / CI/CD Automation)

Key Achievements & Responsibilities:

• Proposed and delivered a web solution for visualizing banking transaction flows, enabling more than 200 financial analysts to track real-time operations.
• Developed a responsive front-end application using AngularJS, improving data accessibility and reducing report generation time by 30 percent.
• Implemented Active Directory-based authentication, securing access for over 500 internal users.
• Designed and executed unit tests, increasing code reliability and achieving more than 85 percent coverage.
• Automated build and deployment pipelines using Jenkins, reducing manual deployment time by 60 percent and minimizing release errors.
• Integrated REST API data consumption with efficient pagination, enhancing application performance and user navigation speed.

Technologies:

• AngularJS, JavaScript, REST APIs, Active Directory, Jenkins, Unit Testing

• Responsibilities:
• Led the development web solutions using JavaScript.
• Performed testing and acceptance to ensure quality and performance.
• Worked in technical environments focused on JavaScript and Knockout.js.

Technologies:

• Programming Languages: JavaScript, C#
• Frameworks: Knockout.js