Johannes
Gramm

Full-stack developer, Berlin

Almost four years of web products with Vue, Nuxt and TypeScript, recently joined by Django and agentic AI with LangGraph and MCP. I like to find out what else the browser can do. This site is my small exhibition: almost everything here can be touched.

About me

My Master’s thesis in media informatics is submitted; the degree follows in October 2026. On top of that come almost four years of building web products. I started out with a dual business degree, and that eye for workflows and processes has stayed with me.

At Stein-Hardenberg Institut I spent three and a half years on the same codebase, building web products for public authorities: a process modelling tool and survey tools that let authorities analyse their own workflows. Most recently I worked full-stack with Nuxt and Django at twotickets, where I built an AI customer support with RAG and a mobile app with Capacitor.

My thesis produced MODULO, an AI copilot for collaborative process modelling with a multi-agent pipeline in LangGraph and an MCP backend. AI-powered products like that are exactly what I want to keep working on.

Johannes Gramm, Berlin

Johannes Gramm, Berlin

Degree
M.Sc. Media Informatics, BHT Berlin (10/2026)
Most recently
Full-stack developer, twotickets
Focus
Vue, Nuxt, TypeScript, Django, agentic AI
Languages
German, English (C1)

Career

Where I was when, and which tech came along. Each bar is as long as the station lasted.

Oct 2026

twotickets
M.Sc. Medieninformatik
Stein-Hardenberg
Hotel Palace
B.A. BWL
Work Education

Stack at this point

30 technologies

  • 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. Working student, full-stack developer

    twotickets

    02/2026 – 10/2026

    Nuxt frontend and Django backend. AI customer support with RAG: past conversations and external reviews live as embeddings in a vector database and surface similar cases with their answers for new requests. Plus a cross-platform mobile app with Capacitor.

  2. M.Sc. Media Informatics

    Berlin University of Applied Sciences (BHT)

    09/2024 – 10/2026

    Thesis: MODULO, an AI copilot for automated, collaborative process modelling. Plus a DevOps project with Kubernetes, GitLab CI/CD and infrastructure as code on AWS.

    Thesis submitted · current average 1.13 (German scale)

  3. Working student, IT

    Stein-Hardenberg Institut

    09/2022 – 02/2026

    Three and a half years on the same codebase: web products for public authorities, a process modelling tool and survey tools. Frontend with Vue 3, Nuxt 3, Pinia and Vuetify, data with Prisma and PostgreSQL, collaboration via GitLab.

  4. Dual working student, core departments

    Hotel Palace Berlin

    01/2018 – 08/2022

    Rotation through accounting, revenue and convention management, in direct contact with national and international business clients. Temporary team lead with shift planning, coordination and ordering.

  5. B.A. Business Administration

    Berlin University of Applied Sciences (BHT)

    09/2017 – 2024

    Including an introduction to SAP and designing my own ERP system with Microsoft Access.

    Final grade 1.44 (German scale)

Technology ball pit

Every ball is a technology I've worked with. The bigger, the more experience.

30 balls

Tap or hover a ball

Proficiency

  1. Touched
  2. Basics
  3. In depth

Selected projects

My Master’s thesis, a side project and a university project.

AI · 2026

An AI copilot for automated, collaborative process modelling. A multi-agent pipeline in LangGraph uses specialised nodes for analysis, modelling, validation, repair and review, with ReAct loops and state checkpointing. The MCP backend (Model Context Protocol) brings its own text DSL, deterministic validation via LSP syntax and Petri net semantics, and an LLM adapter pattern for Gemini and OpenAI. The Nuxt frontend is collaborative through Yjs.

LangGraph · MCP · Nuxt · Yjs · Gemini / OpenAI

Full-Stack · 2025

Manage your own PC game library and track current deals

Nuxt.js · TypeScript · Supabase · tRPC · Vuetify

Code

DevOps · 2026

Fully automated deployment across staging and production (university project, winter 2025/26)

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

Pixel guestbook

A shared wall of pixels. Every drawing carries a short message from whoever left it.

Loading the wall …

Contact

Looking for someone for your team or want to talk about a project? Just write to me.

Johannes Gramm - Full Stack Developer