<Hi, I'm />|

Kean Kökten.

Fullstack Web Developer

Since 2021 I have been building websites and web apps with TYPO3, Vue.js, Nuxt and Svelte at C3 marketing agentur in Tirschenreuth: fast, easy to maintain, from the first pixel to the last deploy.

My Projects Contact
01~/about-me

About Me

whoami: a look behind the code.

  1. 01/05

    Hi, I'm Kean.

    Fullstack web developer from Tirschenreuth in Bavaria, with a soft spot for clean architecture and energy drinks.

  2. 02/05

    How it started

    It all started at age 15: Garry's Mod, LUA, and the fascination of turning lines of code into something alive. What began as a hobby quickly became a calling.

  3. 03/05

    The apprenticeship

    After school came an apprenticeship as a Software Developer (Fachinformatiker für Anwendungsentwicklung) with C#, PHP, JavaScript, databases, and everything in between. That's where I learned not just to write code, but to build solutions.

  4. 04/05

    Today

    Today I work as a Fullstack Web Developer at C3 marketing agentur, tackling challenging projects every day, from the first pixel to the last deploy.

  5. 05/05

    What drives me

    Three principles that go into every project.

02~/skills

Skills

One request, all the way through my stack.

  1. 01/05 · Browser

    In the browser

    It all starts in the browser: semantic HTML, clean CSS with SCSS or Tailwind, responsive and true to the screen design from Figma.

    • HTML
    • CSS
    • SCSS
    • Tailwind CSS
    • Responsive Design
    • Design Implementation
    • Figma
  2. 02/05 · Frontend

    In the frontend

    Interactive interfaces with Vue.js, Nuxt or Svelte, written in JavaScript or TypeScript. 3D in the browser with three.js.

    • JavaScript
    • TypeScript
    • Vue.js
    • Nuxt
    • Svelte
    • three.js
  3. 03/05 · API

    In the backend

    The request reaches a REST API in PHP, in C# with ASP.NET, or in Node.js. The data lives in MySQL or MariaDB.

    • PHP
    • C#
    • ASP.NET
    • Node.js
    • REST APIs
    • MySQL
    • MariaDB
  4. 04/05 · CMS

    In the CMS

    TYPO3 delivers the content that editors maintain themselves: well structured and easy to find for search engines (SEO) and AI search (GEO).

    • TYPO3
    • SEO
    • GEO
  5. 05/05 · Tooling

    Tooling

    Git, Composer, NPM, Docker and DDEV hold it all together. PHPStan checks the code, written in PhpStorm or VS Code. GitHub Actions deploys to Linux servers with Nginx. And LUA? That's where it all began.

    • Git
    • Composer
    • NPM
    • Docker
    • DDEV
    • PHPStan
    • PhpStorm
    • VS Code
    • Linux
    • Nginx
    • GitHub Actions
    • LUA
03~/workflow

From pixel to deploy

How I build a website. Scroll along and watch it build itself.

  1. Step 1/5

    Screen design

    It all starts with the design: grid, spacing, typography. I translate screen designs from Figma so they work on every screen.

    • Screen Design
    • Figma
    • Responsive Design
  2. Step 2/5

    Markup

    Semantic HTML is the foundation: a clean structure that reads well for people and search engines alike.

    • HTML
    • SEO
  3. Step 3/5

    Styling

    SCSS or Tailwind CSS add colour, rhythm and detail, responsive from phone to widescreen.

    • SCSS
    • Tailwind CSS
  4. Step 4/5

    CMS & logic

    TYPO3 makes content editable for editors, Vue.js or Svelte add interaction, custom REST APIs connect the data.

    • TYPO3
    • Vue.js
    • Svelte
    • REST APIs
  5. Step 5/5

    Deploy

    Git, NPM, Docker and GitHub Actions take it live. After that, what counts is what stays: a fast, maintainable site.

    • Git
    • NPM
    • Docker
    • GitHub Actions
04~/experience

Experience

From the first Garry's Mod addon to the agency, stage by stage.

  1. 01 · 2016

    First Steps

    LUA scripting in Garry's Mod

    At age 15, the journey into programming began. Scripting addons and gamemodes in Garry's Mod with LUA sparked the passion for code.

    • LUA
    • Garry's Mod
  2. 02 · 2018 to 2021

    Software Developer (Fachinformatiker für Anwendungsentwicklung)

    School-based Training in Wiesau

    School-based apprenticeship as a software developer with a focus on C#, PHP, and JavaScript. Building REST APIs with ASP.NET and frontend applications with Vue.js.

    • C#
    • ASP.NET
    • PHP
    • Vue.js
    • REST API
    • CSS
  3. 03 · School Project

    Ridesharing Platform

    Ridesharing app at BSZ Wiesau

    As part of the sustainability initiative 'Egal war gestern', a ridesharing app for students and teachers was built at the IT Campus of BSZ Wiesau. Together with a classmate and supervised by a teacher, hundreds of hours of independent work went into developing a modern software architecture and a mobile app. The project was featured in the regional press.

    • Fullstack
    • Registration
    • Route Planning
  4. 04 · Since 2021

    Fullstack Web Developer

    Web development at C3 marketing agentur

    Since 2021 I have been building websites from scratch, from screen design to deploy: with TYPO3, custom extensions and lean JavaScript. On top come configurators with Svelte and three.js, an online appointment booking and about 10 TYPO3 upgrades from v10 to v14.

    • PHP
    • TYPO3
    • JavaScript
    • Vue.js
    • Svelte
    • SCSS
    • APIs
05~/projects

Projects

From a county's education portal to a 3D bed configurator.

Case study · C3 marketing agentur

Bildungsportal Tirschenreuth

View: Bildungsportal Tirschenreuth
  1. 01/05

    The brief

    The education portal of the district of Tirschenreuth brings the education of the region together in one place: schools, apprenticeships, university, courses and events. I built it completely on my own at C3 marketing agentur.

    • TYPO3
  2. 02/05

    Institutions manage themselves

    Schools, companies and training providers sign up and keep their own profile: links, apprenticeships, logo, images and description. Visitors need no account. More than 350 institutions are already on board.

    • Extbase
    • PHP
  3. 03/05

    Everything findable

    One search across about 400 entries, filtered by institutions, information and events.

    • ke_search
  4. 04/05

    Career fairs

    Every career fair gets its own exhibitor directory: live search, filters by industry and a switch between list and map.

    • JavaScript
    • Google Maps
  5. 05/05

    Built lean

    The server renders every record once, lean JavaScript only shows and hides things in the browser: no framework, no extra requests. Behind it: TYPO3, Content Blocks and custom Extbase extensions.

    • TYPO3
    • Content Blocks
    • Extbase

More projects

Screenshot of the ISMO GmbH home pageC3 marketing agentur

Bilingual website (DE/EN) for a management consultancy from Regensburg. Custom Content Blocks, including an SVG graphic whose parts light up as the accordions open, plus sliders, a lightbox and scroll animations in plain JavaScript.

  • TYPO3
  • Content Blocks
  • JavaScript
Screenshot of the DIMONDA Projektbau home pageC3 marketing agentur

DIMONDA Projektbau

View: DIMONDA Projektbau

Website for a property developer from Weiden: projects with a category filter, property sales with one page per unit and a Google Maps map that only loads after a click.

  • TYPO3
  • Mask
  • JavaScript
Screenshot of the Paluka Rechtsanwälte home pageC3 marketing agentur

Paluka Rechtsanwälte

View: Paluka Rechtsanwälte

Website for a law firm from Regensburg: news with category filters, lawyer profiles with their own publications, newsletter sign-up and a video header.

  • TYPO3
  • Content Blocks
  • EXT:news
School Project

Ridesharing App

View: Ridesharing App

Carpooling for students and teachers: registration, roles (driver/passenger) and ride planning. Built as a duo for the sustainability initiative 'Egal war gestern' and featured in the regional press.

  • C#
  • ASP.NET
  • Mobile App
Personal

Portfolio Website

This site: built with Nuxt and Tailwind CSS, with a custom WebGL particle universe and a real terminal that controls it.

  • Nuxt
  • Vue.js
  • WebGL

Contributions

Projects at C3 marketing agentur where I built one part.

  • BlueSpice

    Price configurator, frontend and API

    Svelte 5 web component inside the WordPress site. Prices and tiers load live from a TYPO3 API, and the totals update on every change.

    • Svelte 5
    • Web Components
    • TYPO3 13
    View: BlueSpice
  • Tuga Holztech

    3D bed configurator

    Live 3D preview with Svelte, Threlte and three.js: woods and finishes as textures, parts that show and hide, wide beds built from several modules.

    • Svelte
    • three.js
    • Threlte
    View: Tuga Holztech
  • Emigholz

    New tires with a fitting appointment

    Custom TYPO3 extension in five steps: tire size, offers, vehicle, branch and date, overview. Free slots come from the opening hours, bookings and holidays of each branch.

    • TYPO3
    • Extbase
    • JavaScript
    View: Emigholz
  • TYPO3 upgrades

    About 10 websites, from v10 to v14

    Existing websites brought up to current TYPO3 versions, step by step.

    • TYPO3
    • PHP
    • Composer
06~/contact

Contact

A project in mind, a question about code, or just want to talk? Write to me.

Let's talk!

Let's build something together.

Have a project in mind or just want to get in touch? I'd love to hear from you.

Send Email
Location
Tirschenreuth, Bavaria
Current
Fullstack web developer at C3 marketing agentur

Last updated: September 2026

© 2026 Kean Kökten

Built with Nuxt, Tailwind and energy drinks.