Aller au contenu

Me contacter

LinkedInWhatsApp

Partagez ce portfolio

Alan Staub Negro

Ingénieur Full-Stack Senior

AI-native · React / Next.js + .NET · plateforme

Photo en gros plan d'Alan Staub Negro souriant

À propos

Ingénieur full-stack senior (~5 ans) qui livre de bout en bout — React 19 / Next.js + TypeScript côté front, un vrai backend .NET / PostgreSQL, ainsi que du travail de plateforme (CI/CD, tests, observabilité). Je travaille AI-native : Claude Code, agents LLM et MCP font partie de ma façon de livrer, et j'ai rédigé les conventions d'ingénierie IA de mon équipe. Chez Debos, un SaaS de bâtiments intelligents, j'ai piloté la livraison du frontend et l'ai maintenue seul pendant ~8 mois, et dans ma dernière période j'ai repris la coordination des livraisons entre départements auparavant assurée par le CTO. Trilingue (espagnol natif, français bilingue, anglais professionnel), remote-first, avec une formation en sciences humaines que j'applique à la communication et au jugement produit.

Compétences

IA & dev agentique

  • Claude Code
  • Agents LLM (Claude, GPT)
  • MCP
  • Harness IA
  • Code review avec IA
  • Conventions IA (CLAUDE.md)

Frontend

  • React 19
  • Next.js (App Router)
  • TypeScript
  • TanStack Query
  • React Hook Form
  • Zod
  • Zustand
  • Tailwind CSS
  • Radix UI

Backend & plateforme

  • .NET (C#)
  • EF Core
  • Node.js
  • PostgreSQL
  • API REST
  • CI/CD (GitHub Actions)
  • Vercel
  • Sentry
  • Amplitude
  • Playwright
  • Vitest

Aussi

  • Go
  • Svelte / SvelteKit
  • React Native / Expo
  • Python / Flask
  • Figma (UX/UI)

Langues

  • Espagnol (natif)
  • Français (bilingue)
  • Anglais (professionnel)

Expérience

  • Debos logo

    Debos

    SaaS de bâtiments intelligents · Ingénieur Full-Stack

    Salarié · 10/24 - 08/26

    Stack

    • React 19
    • Next.js
    • TypeScript
    • .NET
    • PostgreSQL
    • Playwright
    • Sentry
    • Claude Code / MCP

    Ce que j'ai fait

    • Pilotage de la livraison du frontend ; maintenu seul pendant ~8 mois (3 grandes fonctionnalités en production, zéro revert critique)
    • Pris en charge la coordination de la livraison du département technique — délais, déblocages, communication — une fonction déléguée par le CTO ; la référence de livraison de l'équipe
    • Construit plus de 6 modules produit de bout en bout + une recherche d'appareils full-stack (UI React + endpoint .NET + index trigram PostgreSQL)
    • Refactorisations architecturales transverses adoptées comme conventions d'équipe ; créé le design system et l'i18n type-safe de toute l'application
    • Construit la suite de tests end-to-end (Playwright) à partir d'une configuration dormante ; ajouté des feature flags (Amplitude) + observabilité (Sentry)

    Points forts

    • Rédigé les conventions d'ingénierie IA de l'équipe (CLAUDE.md + skills de code review versionnées)
    • Flux de travail augmenté par l'IA : Claude Code, agents LLM, MCP
  • Nivimu wordmark

    Nivimu

    Startup PWA RH · Développeur Frontend

    Salarié · 04/23 - 04/24

    Stack

    • React
    • TypeScript
    • Ant Design
    • Emotion
    • Redux
    • Redux Saga
    • TanStack Query
    • Bit
    • Mockoon
    • Sentry

    Ce que j'ai fait

    • Ownership des fonctionnalités de bout en bout avec forte responsabilité individuelle — code review, auto-approbation des branches, QA de l'UX
    • Piloté la migration JavaScript → TypeScript sur une PWA RH à grande échelle
    • Construit une bibliothèque de composants interne, un design system et des micro-frontends (Bit)
    • Assuré la gestion correcte des fuseaux horaires dans tout le produit
  • Memorízame logo — an M monogram

    Memorízame

    App de répétition espacée · Full-stack · design

    Freelance · 12/22 - 04/23

    Stack

    • Svelte
    • TypeScript
    • Supabase
    • PostgreSQL
    • Figma
    • Miro

    Ce que j'ai fait

    • Seul développeur front-end ; j'ai conçu le produit de bout en bout — identité et logo, design system, UI/UX et mise en page
    • Responsable de l'architecture front-end en Svelte ; collaboration sur le back-end Supabase (PostgreSQL)
    • Construit le parcours d'étude en répétition espacée (méthode SuperMemo)
  • integro writed in black with the o in blue

    Íntegro

    Startup · Full stack

    Freelance · 02/22 - 04/23

    Seul développeur et analyste technique d'une startup — site d'entreprise de bout en bout, design system et branding.

    Qwik · TypeScript · Figma

  • Attlos logo

    Attlos

    Startup · Front End

    Stagiaire · 12/21 - 07/22

    Premier poste professionnel en TypeScript/React — développé des fonctionnalités produit dans une équipe Agile/Scrum.

    TypeScript · React · Redux · Azure

Épreuves

Tests techniques d'entreprise sous contrainte de délai — comment j'aborde un problème inconnu, et le verdict obtenu pour chacun.

  • Debos — Entretien de résolution de problèmes

    Octobre 2024

    Embauché sur-le-champ

    Entretien technique en deux parties ; le vrai test était un problème de conception — un champ de recherche interrogeant un backend à latence très variable : comment le gérer ? Ma réponse, trois couches : un minimum de caractères, un debounce de 200–500 ms et un AbortController qui annule la requête en cours pour qu'une réponse antérieure plus lente n'écrase pas une plus récente — la classique race condition d'un typeahead. Embauché sur-le-champ ; arrivé comme consultant externe, puis passé en interne. J'ai ensuite construit exactement cela en production — une recherche d'appareils full-stack (React + .NET + index trigram PostgreSQL).

  • Nivimu — Test de code

    Du 20 au 21 mars 2023 · 1 jour

    Embauché

    Tableau de données utilisateurs filtrable et triable avec une carte de résumé en temps réel qui se resynchronise avec la première ligne au fil des tris et filtres. React + TypeScript + Redux Toolkit + Ant Design — livré en une seule journée.

  • Logitravel — Test technique PrimeIT

    Du 1er au 4 juillet 2022 · 3 jours

    Meilleur candidat technique

    Gestionnaire de listes de texte avec ajouter / sélectionner / supprimer et annuler–rétablir complet. React + Redux Toolkit + styled-components, un système centralisé de design tokens et une structure SOLID — construit lors d'un test de 3 jours.

Artefacts

En autonomie et open source — la preuve derrière les étiquettes, pas les étiquettes. L'un fait qu'une IA produit du code correct ; l'autre est un produit que j'ai conçu et construit de bout en bout.

Open source · MCP · evals

Gotcha

Un harness d'ingénierie AI-native — et le catalogue de bugs subtils qui compilent, passent la revue et partent en production quand même.

Flagship — recherche robuste de tickets sur ~500k lignes : minimum de caractères, debounce et annulation des requêtes côté client ; une recherche trigram qui reste un BitmapOr, pas un Seq Scan, côté serveur.

L'écart qui compte n'est pas d'utiliser un LLM pour taper plus vite — c'est de concevoir le système qui lui fait produire du code correct dans un domaine plein de pièges. Gotcha est ce système : un catalogue de défauts, des skills de revue versionnées, un serveur MCP qui fournit ces règles à un agent pendant qu'il écrit, et une suite d'evals qui mesure si l'IA tombe dans chaque piège.

  • Catalogue de 16 défauts
  • Serveur MCP · 5 outils
  • Evals 11/16 · rappel et précision 11/11
  • .NET · PostgreSQL · Next.js / React 19

Ingénierie du design · open source

Memorízame logo — a two-tone M in teal and fuchsia

Memorízame

Une app d'étude en répétition espacée que j'ai conçue et construite de bout en bout — identité, design system et interface, fondés sur la science de l'apprentissage.

En direct et interactif — trois modes (étudier, réviser, test), un vrai planificateur SM-2, interface trilingue en clair et sombre. Essayez-le ici.

Le produit où j'ai réalisé ce travail de design est privé ; je l'ai donc reconstruit en une démo ouverte et installable, réellement utilisable — avec du contenu du domaine public. Chaque surface est de moi : le logo bicolore, un design system tokenisé clair/sombre (couleurs vérifiées WCAG-AA / APCA, trois typographies choisies selon la science de la lecture), une interface trilingue et un vrai planificateur SM-2. Tenu au même niveau senior que le reste — un test de contrat de design tokens et un gate d'accessibilité (axe-core) cassent le build à la moindre régression.

  • Design system · tokens
  • SM-2 · PWA hors-ligne
  • Couleur WCAG 2.2 AA · APCA
  • Trilingue · clair/sombre
  • SvelteKit 2 · Svelte 5