Skip to content
View AbdelAitaddi's full-sized avatar
๐Ÿ 
Working from home
๐Ÿ 
Working from home

Block or report AbdelAitaddi

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
AbdelAitaddi/README.md

Hi there ๐Ÿ‘‹, I'm Abdel Ait Addi

Innovative Senior Frontend Engineer with over 10 years of experience in developing, building, and managing scalable and robust Modern Web Enterprise Applications. Proficient in modern JavaScript libraries and frameworks, including Angular โค๏ธ, PWA, TypeScript, RxJS, NgRx, GraphQL, Jest and Cypress.io.

๐Ÿš€ Showcase Projects ๐Ÿš€

ApartmentSearch is a project that provides a practical introduction to NgRx Signal Store for modern, high-performance state management and serves as a starting point for gaining a deeper understanding of essential Angular concepts that improve application scalability, user-friendliness, and maintainability. All components are fully Signal-driven, and the application is zoneless.

App Screenshot

The goal of this app is to introduce how to use NgRx Signal Store state management solution in Zoneless Signal-Based Component Architecture, with a focus on maintaining sustainable development speed and the ease of adding new features in the long run.

The user can search for apartments by the desired city and district, view detailed information about a selected apartment, and mark it as a favorite. Additionally, the app offers features such as language switching and more.

Built using Angular CLI 19.2.0 & Json-server.

Taskly is a project designed to get started with Angular Signals, async reactivity with Resources, Dexie.js (IndexedDB), and Progressive Web Application (PWA) development for modern, high-performance state management. It includes:

  • Dexie.js as a wrapper for IndexedDB for efficient local storage.
  • PWA (Progressive Web App) allows users to access and interact with the app even when offline.
  • Background Sync automatically synchronizes pending CRUD operations with the backend when the network is restored.

App Screenshot

The goal of this app is to introduce how to transform an Angular application into a PWA, ensuring a seamless user experience even when offline. It leverages Dexie.js for local storage and Background Sync for automatic data synchronization.

Users can create, update, and delete data without an active internet connection. Once they go back online, all pending changes are automatically synchronized with the backend.

Built using Angular CLI 19.2.0 & Json-server.

ApartmentSearch is a project designed to get started with Angular Entreprise Architecture and Signal-Based Component. All components are fully Signal-driven. Additionally, the project features a custom reactive state management built on Signals, ensuring efficient and predictable state handling.

The user can search for apartments by the desired city and district, view detailed information about a selected apartment, and mark it as a favorite. Additionally, the app offers features such as language switching and more.

This project represents a migration from a Component-First architecture (standalone) to a Signal-Based Component Architecture.

Built using Angular CLI 19.2.0 & Json-server.

Pinned Loading

  1. angular-zoneless-ngrxSignalStore angular-zoneless-ngrxSignalStore Public

    a project that utilizes NgRx Signal Store for modern, high-performance state management and serves as a starting point for gaining a deeper understanding of essential Angular concepts that improveโ€ฆ

    TypeScript

  2. angular-zoneless-pwa-indexedDB angular-zoneless-pwa-indexedDB Public

    A project designed to get started with Angular Signals, async reactivity with Resources, Dexie.js (IndexedDB), and PWA (Progressive Web App) and Background sync to automatically sync CRUD operationโ€ฆ

    TypeScript

  3. angular-achitecture-signals angular-achitecture-signals Public

    A project designed to get started with Angular Entreprise Architecture and Signal-Based Component. All components are fully Signal-driven. Additionally, the project features a custom reactive stateโ€ฆ

    TypeScript

  4. angular-achitecture-standalone angular-achitecture-standalone Public

    A project that provides a practical introduction to Angular enterprise architecture, focusing on: Component-First Architecture with Standalone Components. Smart and Dumb Components. Custom Reactiveโ€ฆ

    TypeScript

  5. angular-achitecture-modular angular-achitecture-modular Public

    A project that provides a practical introduction to Angular Modular Architecture, focusing on: Smart and Dumb Components (Container & Presentational Components for better separation of concerns) wiโ€ฆ

    TypeScript

  6. ngx-jamstack-sample ngx-jamstack-sample Public

    Jamstack is the new standard architecture for the web. Using Git workflows and modern build tools, pre-rendered content is served to a CDN and made dynamic through APIs and serverless functions. Teโ€ฆ