Zum Hauptinhalt springen

Senior Web Engineer spécialisé en IA

Du frontend web au stack de modèles IA local.

01 — Profil

Skills & Parcours

Alain Ritter - photo de profil

Je m'appelle Alain,
je suis 

Plus de 20 ans dans le web, du concepteur média au développeur full-stack. Je préfère construire moi-même : context engineering, pipelines multi-modèles, agents.

Signature Alain Ritter

02 — Travaux

Travauxsélectionnés

Études de cas et articles récents issus de la pratique.

IA

Claude CLI, OpenCode & Gemini – router des modèles, choisir un harnais

Trois CLI de code, un workflow – mais l’axe de routage, ce sont les modèles, pas les outils. Comment je choisis d’abord le modèle – Claude Opus 5 vs. Sonnet 5, Gemini 3.1 Pro et ses 2M de contexte, Gemini 3 Flash pour la vision, le DeepSeek-V4-Pro ouvert, un Qwen3-32B local (IQ3_M) – puis le bon harnais. Avec configuration shell et un petit script de routage.

03 — Portfolio

Références

Des projets que j'ai menés comme chef de projet et développeur.

zeitgeber-app.vercel.app

Zeitgeber

HTML5CSS3TypeScriptVite

Horloge astronomiquement précise — heure solaire au lieu du fuseau horaire, plus jetlag social selon le Munich Chronotype Questionnaire.

Synapse

Synapse

PythonFastAPIReactTypeScriptViteThree.jsOllama

Système de connaissances local-first inspiré du cerveau — ma propre gestion des connaissances avec FastAPI, SQLite, NetworkX, FAISS et un stack LLM local.

Jobschleuse

Jobschleuse

PythonFastAPIChatGPTReactTypeScriptReact Router 7Tailwind CSSVitePlaywright

Trouver des offres d’emploi, les enrichir et en faire des candidatures finalisées — pipeline LLM locale plutôt que SaaS.

commodity-board.com

commodity-board.com

HTML5CSS3React Router 7Tailwind CSSNode.jsnpmClaudeCloudflare

Design et réalisation front-end. React Router 7, Tailwind CSS, architecture API-first.

firian.com

firian.com

TYPO3PHP

Mise à niveau TYPO3 pour un spécialiste européen de la protection incendie.

asseko.ai

asseko.ai

HTML5CSS3RemixPrismaNode.jsnpmChatGPTCloudflare

Plateforme d'assurance avec automatisation des processus pilotée par l'IA.

wohlfühlgesundheit.de

Wohlfühlgesundheit

HTML5CSS3Node.jsnpmAstroZoomPHPIONOS

Site Astro pour une thérapie intestinale holistique. Système de réservation Zoom, questionnaire d'anamnèse en 10 étapes, backend PHP, gestion des cookies conforme au RGPD.

Leitstand

Leitstand

ReactExpressTypeScriptTailwind CSSVite

Infrastructure IA locale et auto-hébergement.

pxlngn.net

pxlngn.net

AstroTailwind CSSTypeScriptPlaywright

Ce site lui-même, construit avec Astro.js.

oxg.de

OXG Glasfaser GmbH

TYPO3PHP

Site TYPO3 pour l'internet fibre optique. Développé en Scrum.

baukultur-bw.de

Baukultur Baden-Württemberg

TYPO3PHP

Plateforme TYPO3 pour l'architecture et la culture du bâti. Hybride entre waterfall et Scrum.

kuk.de

KuK

TYPO3PHP

Plateforme TYPO3 pour l'ingénierie. Workflow basé sur Kanban.

tkscable.com

TKS Cable

TYPO3PHP

TYPO3 pour la technologie des câbles et réseaux. Workflow Kanban continu.

zuhauseplus.vodafone.de

Vodafone Zuhause Plus

HTML5Sass/SCSSJavaScriptNode.jsnpmHandlebarsBEM CSS

Générateur de site statique au lieu de TYPO3. Développement front-end en Scrum – itération rapide, code de haute qualité.

04 — Parcours

MonParcours

dataso GmbH
Développeur full-stack
2026–aujourd'hui

  • Développer des applications web pilotées par l'IA – de l'idée au déploiement
  • Intégrer des algorithmes intelligents dans les processus de production et d'administration : détecter des motifs dans les données, automatiser les tâches routinières
  • Créer des plateformes, portails clients et outils internes qui reflètent précisément les processus
  • Moderniser les logiciels legacy : réaliser une migration cloud sûre, évolutive et conforme au RGPD
  • Remplacer les processus basés sur Excel par des applications intelligentes

Congé parental & recherche d'emploi
2025–2026

ion2s GmbH
Chef de projet / Scrum Master
2016–2025

  • Piloter des projets TYPO3 d'entreprise : OXG Glasfaser, Baukultur BW, TKS Cable – hybride entre agile et classique
  • Coacher des équipes Scrum, mettre en place et maintenir des processus agiles avec JIRA/Confluence
  • Servant leadership – favoriser des équipes auto-organisées, amélioration continue
  • Gestion des incidents et des releases, tenir les parties prenantes informées
  • Tests – tests manuels, browserstack, documenter les bugs de façon systématique
Logo ion2s GmbH

ion2s GmbH
Développeur front-end
2012–2016

  • Construire des interfaces web avec AngularJS, SCSS, Node.js et npm
  • Migration legacy : Kabel Deutschland vers Vodafone Zuhause Plus – générateurs de sites statiques, optimisation des performances, architecture frontend moderne
  • TYPO3 entreprise : optimiser les performances, mettre en œuvre le responsive design, améliorer l'UX
  • Revues de code, intégrer le CI/CD avec Jenkins
  • Transversal : réunir design, front-end et back-end
Logo ion2s GmbH

Intercontact
Werbegesellschaft mbH
Développeur web full-stack
2010–2012

  • Full-stack : HTML, CSS, JavaScript, PHP – plus Photoshop & Illustrator pour le web et l'impression
  • Administrer des serveurs web Apache et l'infrastructure d'hébergement
  • Maintenir des systèmes CMS et assurer le support technique
  • Réaliser des campagnes marketing sur les plans technique et créatif
  • Conseiller sur l'UX et les optimisations de performance
Logo Intercontact

PREUSS
MEDIENSERVICE e.K.
Concepteur média
2003–2009

  • Web design et programmation – les débuts
  • Concevoir des supports imprimés et préparer l'impression
  • Développer des concepts créatifs pour des supports publicitaires
  • Gérer entièrement la chaîne de prépresse
Logo PREUSS MEDIENSERVICE

Certificats

Certified ScrumMaster®
Scrum Alliance
Délivré : avr. 2021 · Valable jusqu'au : avr. 2025

ID du certificat : 001189726
Logo Scrum Alliance

05 — Skills

History

Mon Expérience

Plus de 20 ans, du dev web au Scrum Master jusqu'à la direction d'équipe. Projets bâtis, équipes dirigées, code écrit.

Développement Frontend

Depuis 2000 : des tableaux HTML au JavaScript moderne. Responsive design depuis les premiers jours de Bootstrap. Accessibilité et performance toujours au centre.

Direction de projet

De petits sites WordPress à de grands projets d'entreprise. Budgets, plannings et gestion des parties prenantes appris et affinés.

Direction d'équipe & Scrum

Équipes bâties et dirigées. Rôle de Scrum Master endossé. Sprint planning, rétrospectives, daily standups mis en place.

Systèmes legacy

Anciennes bases de code reprises, analysées, nettoyées. Modernisées pas à pas. Amélioration continue plutôt que réécriture big-bang.

Reverse Engineering

Code étranger sans documentation analysé et compris. APIs reconstruites par analyse réseau. Systèmes legacy décortiqués par débogage.

Assurance qualité

Tests manuels, ensuite automatisés. Systèmes de suivi des bugs introduits. Processus de test construits et améliorés.

CI/CD & Monitoring

Pipelines Jenkins construits. Déploiements automatisés. Outils de monitoring intégrés. Métriques de performance établies.

Documentation

Wikis maintenus, espaces Confluence structurés. Transfert de connaissances organisé. Processus d'onboarding documentés.

Amélioration des processus

Workflows optimisés, goulots d'étranglement identifiés. Communication d'équipe améliorée. Amélioration continue vécue au quotidien.

Intégration IA & développement LLM

Applications pilotées par l'IA avec backend développées et mises en production. Solides connaissances en intégration de LLM : gestion du contexte, stratégies de mémoire, garde-fous et prompt design. Claude CLI établi comme environnement de développement productif. Priorité aux solutions IA pragmatiques et maintenables.

Soft Skills

Mon profil de personnalité selon le modèle Big Five (OCEAN).

  1. Offenheit

    Sehr hoch4,5/ 5

    Sehr kreativ, neugierig und offen für neue Erfahrungen

  2. Gewissenhaftigkeit

    Mittel3,0/ 5

    Ausgewogener Mix aus Flexibilität und Struktur

  3. Extraversion

    Sehr hoch4,5/ 5

    Gesellig, energiegeladen, baut leicht Kontakte auf

  4. Verträglichkeit

    Hoch4,0/ 5

    Empathisch, kooperativ, teamorientiert

  5. Emotionale Stabilität

    Mittel-hoch3,5/ 5

    Relativ ausgeglichen, aber nicht völlig unerschütterlich

06 — Laboratoire

Expériences IA

Systèmes maison, modèles locaux, outils agentiques.

Claude Code / OpenCode

Développement agentique au quotidien — mes propres workflows, directement depuis le terminal.

Hermes

Orchestration pilotée par les événements — recevoir des signaux et les router automatiquement vers les bonnes étapes de traitement.

LLM locaux

Ollama, Qwen3, bge-m3 sur une RX 6900 XT. Souveraineté des données plutôt que cloud imposé.

MCP

Model Context Protocol — connecter des outils et des sources de données aux modèles.

Context Engineering

Apporter le bon contexte au bon moment dans le modèle — au lieu d'une recherche vectorielle naïve.

Agents

Des agents autonomes qui planifient des tâches en plusieurs étapes, utilisent des outils et vérifient eux-mêmes leurs résultats.

Benchmarks maison

Mesurer les modèles sur de vraies tâches d'exemple — qualité, vitesse et besoins en ressources plutôt que des chiffres marketing.

InvokeAI & VLM

Génération d'images avec InvokeAI (Stable Diffusion) et modèles vision-langage pour l'analyse d'images — du texte-vers-image à la compréhension d'images.

07 — Stack

Software Stack

Ce avec quoi je préfère travailler en ce moment.

TypeScript - JavaScript mit TypesTypeScript
JavaScriptJavaScript
PythonPython
Astro - Modern Static Site GeneratorAstro
React - UI LibraryReact
React Router 7 - Full-Stack Web FrameworkReact Router 7
Node.js - JavaScript RuntimeNode.js
Tailwind CSS - Utility-First FrameworkTailwind CSS
Docker - ContainerizationDocker
LinuxLinux

Gestion
de projet

Scrum, Kanban, Waterfall – selon ce qui convient.

Scrum: Ein agiles Framework für iteratives Projektmanagement und Produktentwicklung.Scrum
Kanban: Eine visuelle Methode zur Steuerung und Optimierung von Arbeitsprozessen.Kanban
Waterfall: Ein sequenzieller Projektmanagement-Ansatz mit klar definierten Phasen.Waterfall

Tools

Ce que j'utilise au quotidien.

Visual Studio Code: Ein beliebter Code-Editor mit umfassenden Erweiterungen.Visual Studio Code
Claude CLI: Command-line Interface für Claude AI.Claude CLI
OpenCode CLI: Command-line Interface für OpenAI Codex.OpenCode CLI
GitHub: Eine Plattform für die Versionskontrolle und Zusammenarbeit an Projekten.GitHub
Vercel: Eine Plattform für die Entwicklung und Bereitstellung von Webprojekten.Vercel
Cloudflare: Eine Plattform für sichere und schnelle Websites, APIs und Anwendungen.Cloudflare

08 — Contact

On enparle ?

Un projet, une idée ou simplement un échange ? Écrivez-moi – je vous réponds.

J’ai hâte de lire votre message.