N° 01 — Special cover 2026
FRONTLINE DEVELOPMENT SAGA

RIDA EL FAGROUCH

// SOFTWARE ENGINEER

[SENIOR SOFTWARE ENGINEER · BASED IN PARIS, FRANCE · REMOTE ENTHUSIAST]

  • ANALYTICAL
  • AUTONOMOUS
  • CALM LEADER

ContentsIndex

Manga illustration of Rida El Fagrouch as a senior leading remote projects from Casablanca
SENIOR EDITION!

// RIDA EL FAGROUCH SPEAKS

"Every interface is an architecture. I build the ones that scale."

NEW ARC: THE AFRICA DEVELOPMENT CLUB 2026 PLATFORM!

SPECIAL: FROM PHYSICS TO CODE
[SPECIAL DOUBLE SPREAD]

CRITICAL IMPACT SPLASH

  • // EXPERIENCE
    3+ YRS
    Professional Journey

    Cutting-edge engineering and frontend technical leadership.

  • // PROJECTS SHIPPED
    8 MAJOR
    Large-Scale Projects

    Designed and delivered end to end with maximum code quality.

  • // SECTOR DIVERSITY
    5 SECTORS
    Banking, Insurance...

    Retail, Real Estate, Education. Total adaptability.

  • // EPIC MIGRATION
    ANGULAR 5→18
    Major Migration

    Completed successfully with zero downtime.

PROLOGUETHE ENGINEER’S MANIFESTO

* COMBAT DOCTRINE *

// OUR MANIFESTO:

“A bug found in tests is a win. A bug found in production is a lesson. We prefer wins.”

CRAAAC!

Rida El Fagrouch in manga style stops a bug-filled interface with one hand, protected by a testing shield.
ENGINEER RIDA EL FAGROUCH

CH. 01THE ORIGINS

  • [CASE 1.1]
    THE SCIENTIST (2015–2019)

    THE RIGOR OF PHYSICS

    Bachelor’s in Physics-Chemistry, Mechanics & Energy in Rabat. Rida masters the equations and builds a formidable analytical mind.

    * REFLECTION *
  • [CASE 1.2]
    THE 42 NETWORK (2021–2026)

    FROM 1337 TO 42 PARIS

    Rida joins the 42 network through École 1337. Peer-to-peer learning with no teachers, late nights at the terminal. In 2026 he transfers to 42 Paris to continue at the heart of the ecosystem.

    * CODING BURST *
  • [CASE 1.3]
    FIRST MISSION (2023)

    ATIKIA & AI

    Rida contributes to Atikia, Morocco’s first AI-powered proptech application.

    * CLICK! *
  • [CASE 1.4]
    THE SENIOR (2024–PRESENT)

    GEAR9 FRONTLINE

    At Gear9, he leads frontend architecture for major platforms serving Moroccan enterprise clients.

    Rida at the whiteboard

CH. 02THE LEGENDARY ARCS

ARC I: AFRICA DEVELOPMENT CLUB 2026 (ATTIJARI)
[CRITICAL MISSION]

THE MULTILINGUAL B2B PLATFORM

CONTINENTAL SCALE
// Le défi

Build a highly secure multilingual B2B platform for thousands of professionals, with complex CMI payment integration.

// Le combat

Full ownership of the Next.js frontend, hardened auth flows, real-time notifications, and a robust reCAPTCHA integration.

// La victoire

Delivery of a robust platform, validated by a Jest and React Testing Library unit/integration test strategy.

// Décision clé d'architecture

Chose Zustand and React Query for ultra-smooth async state management.

  • Next.js
  • TypeScript
  • Zustand
  • React Query
  • Jest
  • Tailwind CSS
  • React Hook Form
  • React Testing Library
ARC II: THE GREAT MIGRATION (LA MAROCAINE VIE)
[CRITICAL MIGRATION]

ANGULAR 5 TO 18

MAXIMUM MODULARITY
// Le défi

A strategic digital insurance platform completely stuck on obsolete Angular 5.

// Le combat

Full rebuild and migration to Angular 18, feature-based modularization, and financial simulator integration.

// La victoire

A modern, performant, secure codebase ready for the future of digital insurance.

// Décision clé d'architecture

Progressive migration by isolated modules (lazy loading) to keep continuous deployment.

  • Angular 18
  • TypeScript
  • RxJS
  • Tailwind CSS
VIEW THE SITE →
01/03
ARC III: THE ACCESS FORTRESS (MARJANE GROUP)
[MAXIMUM SECURITY]

E-COMMERCE DASHBOARD & SSO

SSO KEYCLOAK & RBAC
// Le défi

Secure a complex e-commerce stock management dashboard used by dozens of different roles.

// Le combat

SSO with Keycloak, role-based access control (RBAC), and a real-time stock notification pipeline.

// La victoire

Ultra-secure access guaranteed. Each user reaches exactly the data their role requires.

// Décision clé d'architecture

Implemented a strict Keycloak middleware continuously validating JWT tokens on the client.

  • React
  • TypeScript
  • Keycloak
  • Zustand
  • Tailwind CSS
  • Jest
  • React Query
  • React Hook Form
ARC IV: REAL-ESTATE AI (ATIKIA)
[AI INNOVATION]

AUGMENTED REAL-ESTATE SEARCH

MOBILE & WEB
// Le défi

Reinvent real-estate search in Morocco with the power of generative AI.

// Le combat

Generative AI integration, real-time interactive geolocation, WebSocket chat, and a containerized PostgreSQL backend.

// La victoire

Morocco's first AI-powered real-estate app, published on the Google Play Store.

// Décision clé d'architecture

Used tRPC for strict end-to-end typing between Express and React Native.

  • React Native
  • TypeScript
  • Express.js
  • tRPC
  • Docker
READ THE ARC →
Screenshot of the Atikia mobile app, augmented real-estate search
01/08
[Special quest selection]

// THE MINI-ARCS

  • [Quest 01]

    Wafa Assurance Africa

    Digital platform for Wafa Assurance, Attijariwafa Bank subsidiary and Maghreb insurance leader (savings, retirement, protection, property). Frontend contribution: building the UI and a multilingual component library for several African markets.

    Next.js / TypeScript / Zustand / Tailwind CSS / Jest / React Query / React Hook Form
  • [Quest 02]
    Capture de l'application Xii School

    Xii School

    iOS/Android mobile app for parents, students, and teachers. OAuth, push notifications, and automated Expo builds.

    React Native / TypeScript / Expo / Firebase / Redux ToolkitView project →
  • [Quest 03]

    Teal

    Defined the global frontend architecture, component standards, technical SEO, and Core Web Vitals.

    Next.js / TypeScript / Zustand / Jest / React Testing Library / Tailwind CSS / React Query / React Hook Form / Analytics Tracking (GA4, GTM)View project →
  • [Quest 04]

    Cap Mission (Freelance)

    Freelance mission — official web platform with Angular and Strapi CMS, a complete secure parent tracking space.

    Angular / CSS / Strapi CMSView project →
  • [Quest 05]

    JMM Metal (Freelance)

    Industry marketing site for a metallurgy company in France — SEO, Search Console, and transactional email.

    Next.js / Prismic CMS / TypeScript / Resend / Tailwind CSS / SEOView project →
  • [Quest 06]

    Vertika Dashboard (Freelance)

    Dashboard for a French scaffolding rental company — auth, Nest API, and Postgres data.

    Next.js / NestJS / TypeScript / Prisma / PostgreSQL / Keycloak / Tailwind CSS / Docker

CH. 03THE GREAT BATTLES

  • [COMBAT LOG 01]
    BATTLE: THE IMPOSSIBLE MIGRATION

    LA MAROCAINE VIE — ANGULAR 5 TO 18

    1. La crise

    A critical insurance platform stuck on Angular 5, unable to meet modern security standards or new financial simulation tools.

    2. La riposte

    Rida designs a progressive migration strategy by isolated modules (lazy loading) and puts rigorous automated tests in place to secure every step.

    3. La leçon & résultat

    The migration ships with zero downtime. A modern modular architecture ready for the future.

    Rida facing the crisis
    MISSION STATUS
    RESOLVED / DEPLOYED
    * VICTORY! *
  • [COMBAT LOG 02]
    BATTLE: THE PAYMENT FORTRESS

    SECURING AFRICA DEVELOPMENT CLUB

    1. La crise

    Integrate critical CMI payment flows and reCAPTCHA bot protection on a multilingual platform serving thousands of demanding professionals.

    2. La riposte

    Rida takes technical lead, hardens authentication routes, optimizes real-time notification pipelines, and validates payment payloads.

    3. La leçon & résultat

    No fraud detected, top conversion rates, and maximum trust from institutional partners.

    Rida victorieux
    MISSION STATUS
    SECURED / AUDITED
    * SECURED! *

CH. 04THE CHRONICLES

  1. JAN. 2024 — PRESENT

    SENIOR SOFTWARE ENGINEER

    GEAR9 (CASABLANCA, REMOTE)

    A leading digital transformation agency in Morocco.

    • Leading frontend architecture for B2B platforms and nationwide insurance apps.
    • Defining code standards, systematic code reviews, and a rigorous testing strategy.
    • Mentoring development teams for a smooth delivery from design through CI/CD.
    Manga illustration of a confident senior engineer

    ACTIVE PROTAGONIST

    Rida currently leads frontend excellence at Gear9, delivering robust, high-performance architectures for major clients.

  2. ★ SIDE QUEST — FREELANCE ARC ★

    THE FREELANCE MISSIONS

    MULTI-CLIENT · WEB & PRODUCT

    2025 — 2026

    Side arc: freelance missions delivering web products end to end — from design system to production.

    • JUL. — SEP. 2025MISSION 01

      Cap Mission

      [Full-stack web developer]

      Rebuild of the education center's official web platform. Parent tracking space with Angular and Strapi CMS, performance and UX.

    • AUG. — SEP. 2026MISSION 02

      JMM Metal

      [Freelance frontend developer]

      Marketing site for a metallurgy company in France — Next.js, Prismic CMS, TypeScript, Resend, Tailwind CSS, SEO and Google Search Console.

    • JUN. — OCT. 2026MISSION 03

      Vertika Dashboard

      [Freelance full-stack developer]

      Dashboard for a French scaffolding rental company — Next.js, NestJS, TypeScript, Prisma, PostgreSQL, Keycloak and Tailwind CSS.

    CONTRACT CLEAR!Each mission is a standalone episode: tight scope, modern stack, careful delivery.
  3. JAN. — JUN. 2023

    FULL-STACK MOBILE DEVELOPER

    ATIKIA (PROPTECH STARTUP)

    • Built Morocco's first AI-powered real-estate application.
    • Integrated real-time chat via WebSockets and interactive map geolocation.
    • Set up a robust Express.js backend with PostgreSQL containerized via Docker.
    Manga illustration of startup beginnings

    TECHNICAL FOUNDATION

    First battles in the startup ecosystem, mixing AI, mobile reactivity, and solid databases.

DOWNLOAD MY FULL CV →

CH. 05SECRET TECHNIQUES

CHARACTER SHEET

CLASS:SENIOR FRONTEND
EXPERIENCE:3+ YRS
MAJOR PROJECTS:8 SHIPPED
SECTORS CONQUERED:5 SECTORS
LANGUAGES:ARABIC, FRENCH, ENGLISH
SPECIALTY:NEXT.JS / REACT / ANGULAR / REACT-NATIVE
Illustration of Rida El Fagrouch activating his secret combat techniques

“A fluid interface plus absolute testing rigor: that is how you win the user-experience battle.”

* TECHNIQUE ACTIVATION *

SECRET COMBAT TECHNIQUES

FRONTEND ARCHITECTURERANK S

Scalable component systems and modular architecture. Examples: Teal, Wafa Assurance, La Marocaine Vie, Jmm Metal.

TECHNICAL LEADERSHIPRANK S

Define code standards, drive technical choices, and deliver end to end. Example: Gear9.

CODE REVIEW & MENTORSHIPRANK A

Constructive, systematic code reviews cutting production bugs by 40%.

SECURITY & AUTHENTICATIONRANK S

SSO (Keycloak), role-based access control (RBAC), OAuth, and secure payments. Examples: Marjane, Attijari.

AI-AUGMENTED DEVELOPMENTRANK S

Claude Code, Cursor, Copilot, and MCP servers to accelerate development and harden code reviews.

GUILD & ALLIES

5
Engineers Mentored
2+
Open-Source Contribs
SOON
3+
Technical Articles

// THE TECHNICAL ARSENAL

  • TypeScript
  • React
  • Next.js
  • Angular
  • React Native
  • Node.js
  • Keycloak
  • Jest
  • React Testing Library
  • Docker
  • PostgreSQL
  • Zustand
  • Tailwind CSS
  • CSS
  • React Query
  • React Hook Form
  • Redux Toolkit
  • RTK Query
  • Strapi CMS
  • Prismic CMS
[EPILOGUE]

LET'S WRITE THE NEXT ARC TOGETHER!

Looking for a senior engineer to lead your frontend, from design to production? Let's talk.

CLICK TO SEND A TRANSMISSION:elfagrouchrida21@gmail.com
GITHUBLINKEDINDOWNLOAD CV
TO BE CONTINUED...