Johannes
Gramm

Full-Stack-Entwickler, Berlin

Knapp vier Jahre Web-Produkte mit Vue, Nuxt und TypeScript, zuletzt ergänzt um Django und agentische KI mit LangGraph und MCP. Ich probiere gern aus, was im Browser noch geht. Diese Seite ist meine kleine Ausstellung: Fast alles hier lässt sich anfassen.

Über mich

Meine Masterarbeit in Medieninformatik ist eingereicht, der Abschluss folgt im Oktober 2026. Dazu kommen knapp vier Jahre Erfahrung mit Web-Produkten. Angefangen habe ich mit einem dualen BWL-Studium, und der Blick auf Abläufe und Prozesse begleitet mich seitdem.

Am Stein-Hardenberg Institut habe ich dreieinhalb Jahre an derselben Codebasis Web-Produkte für Behörden entwickelt: ein Werkzeug zur Prozessmodellierung und Umfrage-Tools, mit denen Behörden ihre Abläufe analysieren. Zuletzt war ich bei twotickets im Full-Stack mit Nuxt und Django unterwegs und habe dort einen KI-Kundensupport mit RAG umgesetzt.

In der Masterarbeit ist für MODULO ein KI-Copilot für kollaborative Prozessmodellierung mit einer Multi-Agenten-Pipeline in LangGraph und einem MCP-Backend. An genau solchen KI-gestützten Produkten möchte ich weiterarbeiten.

Johannes Gramm, Berlin

Johannes Gramm, Berlin

Abschluss
M.Sc. Medieninformatik, BHT Berlin (10/2026)
Zuletzt
Full-Stack-Entwickler, twotickets
Schwerpunkt
Vue, Nuxt, TypeScript, Django, agentische KI
Sprachen
Deutsch, Englisch (C1)

Werdegang

Wann ich wo war und welche Technik dabei dazukam. Jeder Balken ist so lang, wie die Station gedauert hat.

Okt. 2026

twotickets
M.Sc. Medieninformatik
Stein-Hardenberg
Hotel Palace
B.A. BWL
Arbeit Ausbildung

Stack zu diesem Zeitpunkt

30 Technologien

  • LangGraph
  • MCP
  • Django
  • Capacitor
  • Kubernetes
  • OpenTofu
  • Tailwind
  • React
  • Next.js
  • Go
  • C
  • C++
  • Python
  • Java
  • C#
  • Rust
  • Docker
  • JavaScript
  • Vue.js
  • Nuxt.js
  • HTML
  • TypeScript
  • Vuetify
  • CSS
  • Git
  • PostgreSQL
  • Prisma
  • Linux
  • VB.NET
  • .NET
  1. Werkstudent, Full-Stack-Entwickler

    twotickets

    02/2026 – 10/2026

    Nuxt-Frontend und Django-Backend. KI-Kundensupport mit RAG: frühere Unterhaltungen und externe Bewertungen liegen als Embeddings in einer Vektordatenbank und liefern bei neuen Anfragen ähnliche Fälle samt Antworten. Dazu eine plattformübergreifende Mobile-App mit Capacitor.

  2. M.Sc. Medieninformatik

    Berliner Hochschule für Technik

    09/2024 – 10/2026

    Masterarbeit: MODULO KI-Copilot für automatisierte, kollaborative Prozessmodellierung. Dazu ein DevOps-Projekt mit Kubernetes, GitLab CI/CD und Infrastructure as Code auf AWS.

    Masterarbeit eingereicht · aktueller Schnitt 1,13

  3. Werkstudent IT

    Stein-Hardenberg Institut

    09/2022 – 02/2026

    Dreieinhalb Jahre an derselben Codebasis: Web-Produkte für Behörden, ein Werkzeug zur Prozessmodellierung und Umfrage-Tools. Frontend mit Vue 3, Nuxt 3, Pinia und Vuetify, Daten mit Prisma und PostgreSQL, Zusammenarbeit über GitLab.

  4. Dualer Werkstudent in Kernabteilungen

    Hotel Palace Berlin

    01/2018 – 08/2022

    Rotation durch Buchhaltung, Revenue und Convention Management, direkter Kontakt zu nationalen und internationalen Geschäftskunden. Zeitweise Teamleitung mit Schichtplanung, Koordination und Materialbestellung.

  5. B.A. Betriebswirtschaftslehre

    Berliner Hochschule für Technik

    09/2017 – 2024

    Unter anderem eine Einführung in SAP und der Entwurf eines eigenen ERP-Systems mit Microsoft Access.

    Abschlussnote 1,44

Technologie-Bällebad

Jeder Ball ist eine Technologie, mit der ich gearbeitet habe. Je größer, desto mehr Erfahrung.

30 Bälle

Ball antippen oder darüberfahren

Kenntnisstand

  1. Berührungspunkte
  2. Grundkenntnisse
  3. Vertieft

Ausgewählte Projekte

Meine Masterarbeit, ein eigenes Projekt und ein Uniprojekt.

KI · 2026

KI-Copilot für die automatisierte, kollaborative Prozessmodellierung. Eine Multi-Agenten-Pipeline mit LangGraph arbeitet mit spezialisierten Knoten für Analyse, Modellierung, Validierung, Reparatur und Review, mit ReAct-Loops und State-Checkpointing. Das MCP-Backend (Model Context Protocol) bringt eine eigene Text-DSL, deterministische Validierung über LSP-Syntax und Petri-Netz-Semantik sowie ein LLM-Adapter-Pattern für Gemini und OpenAI mit. Das Nuxt-Frontend ist über Yjs kollaborativ.

LangGraph · MCP · Nuxt · Yjs · Gemini / OpenAI

Full-Stack · 2025

Verwaltung der eigenen PC-Spielebibliothek mit aktuellen Deals

Nuxt.js · TypeScript · Supabase · tRPC · Vuetify

Code

DevOps · 2026

Vollautomatisiertes Deployment über Staging und Produktion (Uniprojekt, WS 2025/26)

Kubernetes · GitLab CI/CD · OpenTofu · Ansible · AWS

Pixel-Gästebuch

Eine gemeinsame Wand aus Pixeln. Jede Zeichnung trägt eine kurze Nachricht ihres Absenders.

Wand wird geladen …

Kontakt

Du suchst jemanden für dein Team oder willst über ein Projekt sprechen? Schreib mir einfach.

Johannes Gramm - Full Stack Entwickler