Profile

Front-end Angular Engineer specializing in modern Angular (v16–21+), focused on building high-performance, scalable applications using Standalone Components, Signals, and Reactive Architecture. Experienced in developing complex multi-tenant SaaS platforms and full-stack solutions with Firebase. Committed to strict TypeScript typing, clean architecture, and delivering seamless user experiences.

Technical Expertise
Core Stack

Angular (v16+), TypeScript (Strict), JavaScript (ES6+), HTML5, CSS3, SASS.

State Management

Angular Signals, NgRx SignalStore, RxJS, Computed State.

Architecture & Patterns

Standalone Components, Micro-frontends, Dependency Injection, Repository Pattern.

UI & Styling

TailwindCSS, Angular Material (MD3), DaisyUI, Responsive Design.

Backend & Cloud

Firebase (Auth, Firestore), RESTful APIs, Git/GitHub.

Work Experience

Full Stack Tashil. Enterprise Multi-Tenant SaaS Platform

Tech Stack: Angular20 | Firebase | Angular Material | TailwindCSS
  • •Architected a scalable Multi-Tenant SaaS platform, designing segregated dashboards for Super Admins and HR Managers with strict data isolation.
    • 07/2025 – 12/2025
  • •Implemented Role-Based Access Control (RBAC) to manage complex permission sets across Organization and Company levels.
  • •Engineered a dynamic Internationalization (i18n) system using ngx-translate and Pipes, enabling real-time language switching (English/Arabic) with full Bi-directional (RTL/LTR) layout adaptation.
  • •Optimized runtime performance by adopting ChangeDetectionStrategy.OnPush and leveraging Signals for fine-grained reactivity, reducing unnecessary change detection cycles.
  • •Utilized Standalone Components and lazy loading to architect a modular codebase, significantly improving application startup time.

    • Front-end Developer | Arjan Park

    Tech Stack : JavaScript, Bootstraps, CSS, HTML
  • •Developed a responsive hotel booking interface ensuring cross-browser compatibility and seamless mobile responsiveness.
    • 01/2025 – 04/2025
  • •Engineered custom animations and interactive layouts to enhance user engagement and visual hierarchy.

    • Front-end Developer | Retail Point of Sale (POS)

    Tech Stack: ASP.NET | Angular16 | Angular Material
  • •Built a real-time POS interface handling cashier sessions, sales processing, and inventory updates.
    • 10/2024 – 12/2024
  • •Developed complex data tables and reporting views using Angular Material, enabling efficient sorting and filtering of large datasets.

    • Front-end Developer | Hatha Al-islam

    Tech Stack : Angular16 | Material Design | Bootstrap
  • •Delivered a content-rich portal focused on Accessibility (WCAG) and SEO, utilizing Semantic HTML and the Angular Meta service to improve search rankings.
    • 06/2024 – 10/2024
  • •Optimized large list rendering using *ngFor with custom trackBy functions, reducing DOM manipulation overhead and improving scrolling performance.
  • •Implemented Lazy Loading for feature modules to decrease initial bundle size and speed up page load times.
    • Key Projects

    Earth Harvest | Front-End E-Commerce

    Tech Stack : Angular v20 | Firebase | TailwindCSS| daisyUI
  • •Overview: A comprehensive organic foods platform with product filtering, favorites, and blog integration.
    • 05/2025 – 07/2025
  • •Built with Angular 20+ and Firebase, utilizing input() and output() functions for type-safe component communication.
  • •Implemented a reactive product filter system using computed() signals, ensuring derived state remains pure and predictable.
  • •Optimized asset delivery using image lazy loading and ngOptimizedImage