Zum Hauptinhalt springen

Senior Web Engineer with an AI focus

From the web frontend to the local AI model stack.

01 — Profile

Skills & Career

Alain Ritter - profile picture

My name is Alain,
I am 

20+ years in the web, from media designer to full-stack developer. I'd rather build it myself: context engineering, multi-model pipelines, agents.

Alain Ritter signature

02 — Work

SelectedWork

Case studies and recent write-ups from practice.

AI

Claude CLI, OpenCode & Gemini – route models, pick a harness

Three coding CLIs, one workflow – but the routing axis is the models, not the tools. How I pick the model first – Claude Opus 5 vs. Sonnet 5, Gemini 3.1 Pro with its 2M context, Gemini 3 Flash for vision, the open DeepSeek-V4-Pro, a local Qwen3-32B (IQ3_M) – and then the right harness. With shell setup and a small router script.

03 — Portfolio

References

Projects I shipped as project manager and developer.

zeitgeber-app.vercel.app

Zeitgeber

HTML5CSS3TypeScriptVite

Astronomically accurate clock — solar time instead of timezone, plus social jetlag via the Munich Chronotype Questionnaire.

Synapse

Synapse

PythonFastAPIReactTypeScriptViteThree.jsOllama

Brain-inspired, local-first knowledge system — my own knowledge management with FastAPI, SQLite, NetworkX, FAISS and a local LLM stack.

Jobschleuse

Jobschleuse

PythonFastAPIChatGPTReactTypeScriptReact Router 7Tailwind CSSVitePlaywright

Find, enrich and turn job listings into finished applications — local LLM pipeline instead of SaaS.

commodity-board.com

commodity-board.com

HTML5CSS3React Router 7Tailwind CSSNode.jsnpmClaudeCloudflare

Front-end design and implementation. React Router 7, Tailwind CSS, API-first architecture.

asseko.ai

asseko.ai

HTML5CSS3RemixPrismaNode.jsnpmChatGPTCloudflare

Insurance platform with AI-powered process automation.

wohlfühlgesundheit.de

Wohlfühlgesundheit

HTML5CSS3Node.jsnpmAstroZoomPHPIONOS

Astro website for holistic gut therapy. Zoom booking system, 10-step intake questionnaire, PHP backend, GDPR-compliant cookie management.

Leitstand

Leitstand

ReactExpressTypeScriptTailwind CSSVite

Local AI infrastructure and self-hosting.

pxlngn.net

pxlngn.net

AstroTailwind CSSTypeScriptPlaywright

This very site, built with Astro.js.

oxg.de

OXG Glasfaser GmbH

TYPO3PHP

TYPO3 website for fibre-optic internet. Built with Scrum.

baukultur-bw.de

Baukultur Baden-Württemberg

TYPO3PHP

TYPO3 platform for architecture and building culture. Hybrid between waterfall and Scrum.

zuhauseplus.vodafone.de

Vodafone Zuhause Plus

HTML5Sass/SCSSJavaScriptNode.jsnpmHandlebarsBEM CSS

Static site generator instead of TYPO3. Front-end development with Scrum – fast iteration, high code quality.

04 — Résumé

MyCareer

dataso GmbH
Full-Stack Developer
2026–present

  • Build AI-powered web applications – from idea to deployment
  • Integrate intelligent algorithms into production and administrative processes: detect data patterns, automate routine tasks
  • Build platforms, customer portals and internal tools that map processes precisely
  • Modernize legacy software: deliver cloud migration securely, scalably and GDPR-compliant
  • Replace Excel-based processes with intelligent applications

Parental leave & job search
2025–2026

ion2s GmbH
Project Manager / Scrum Master
2016–2025

  • Lead TYPO3 enterprise projects: OXG Glasfaser, Baukultur BW, TKS Cable – hybrid between agile and classic
  • Coach Scrum teams, set up and keep agile processes running with JIRA/Confluence
  • Servant leadership – foster self-organized teams, improve continuously
  • Incident and release management, keep stakeholders informed
  • Testing – manual tests, browserstack, document bugs systematically
ion2s GmbH logo

ion2s GmbH
Front-End Developer
2012–2016

  • Build web interfaces with AngularJS, SCSS, Node.js and npm
  • Legacy migration: Kabel Deutschland to Vodafone Zuhause Plus – static site generators, performance optimization, modern frontend architecture
  • TYPO3 enterprise: tune performance, implement responsive design, improve UX
  • Code reviews, integrate CI/CD with Jenkins
  • Cross-functional: bring design, front-end and back-end together
ion2s GmbH logo

Intercontact
Werbegesellschaft mbH
Full-Stack Web Developer
2010–2012

  • Full-stack: HTML, CSS, JavaScript, PHP – plus Photoshop & Illustrator for web and print
  • Administer Apache web servers and hosting infrastructure
  • Maintain CMS systems and provide technical support
  • Implement marketing campaigns, technically and creatively
  • Advise on UX and performance optimizations
Intercontact logo

PREUSS
MEDIENSERVICE e.K.
Media Designer
2003–2009

  • Web design and programming – the early days
  • Design print media and prepare it for print
  • Develop creative concepts for advertising material
  • Own the complete prepress stage
PREUSS MEDIENSERVICE logo

Certificates

Certified ScrumMaster®
Scrum Alliance
Issued: Apr 2021 · Valid until: Apr 2025

Certificate ID: 001189726
Scrum Alliance logo

05 — Skills

History

My Experience

Over 20 years, from web dev through Scrum Master to team lead. Built projects, led teams, wrote code.

Frontend Development

Since 2000: from HTML tables to modern JavaScript. Responsive design since the early Bootstrap days. Accessibility and performance always in focus.

Project Management

From small WordPress sites to large enterprise projects. Learned and refined budgets, timelines and stakeholder management.

Team Leadership & Scrum

Built and led teams. Took on the Scrum Master role. Established sprint planning, retrospectives, daily standups.

Legacy Systems

Took over, analyzed and cleaned up old codebases. Modernized step by step. Continuous improvement instead of big-bang rewrites.

Reverse Engineering

Analyzed and understood foreign code without documentation. Reconstructed APIs through network analysis. Dissected legacy systems via debugging.

Quality Assurance

Manual tests, later automated. Introduced bug-tracking systems. Built and improved testing processes.

CI/CD & Monitoring

Built Jenkins pipelines. Automated deployments. Integrated monitoring tools. Established performance metrics.

Documentation

Maintained wikis, structured Confluence spaces. Organized knowledge transfer. Documented onboarding processes.

Process Improvement

Optimized workflows, identified bottlenecks. Improved communication within the team. Lived continuous improvement.

AI Integration & LLM Development

Built and shipped AI-powered applications with backend integration. Solid knowledge of LLM integration: context management, memory strategies, guardrails and prompt design. Established the Claude CLI as a productive development environment. Focus on pragmatic, maintainable AI solutions.

Soft Skills

My personality profile based on the Big Five (OCEAN) model.

  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 — Lab

AI Experiments

Own systems, local models, agentic tools.

Claude Code / OpenCode

Agentic development in daily practice — my own workflows, straight from the terminal.

Hermes

Event-driven orchestration — receive signals and route them automatically to the right processing steps.

Local LLMs

Ollama, Qwen3, bge-m3 on an RX 6900 XT. Data sovereignty instead of forced cloud.

MCP

Model Context Protocol — connect tools and data sources to models.

Context Engineering

Get the right context into the model at the right time — instead of naive vector search.

Agents

Autonomous agents that plan multi-step tasks, use tools and verify their own results.

Own Benchmarks

Measure models on real example tasks — quality, speed and resource needs instead of marketing numbers.

InvokeAI & VLMs

Image generation with InvokeAI (Stable Diffusion) and vision-language models for image analysis — from text-to-image to image understanding.

07 — Stack

Software Stack

What I most enjoy working with right now.

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

Project
management

Scrum, Kanban, Waterfall – whatever fits.

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

What I work with every day.

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

Let'stalk

A project, an idea, or just a chat? Drop me a line – I'll get back to you.

Looking forward to your message.