Status: Active // Ready
View_ID: INDEX_H01_PRO_COMPREHENSIVE
Timestamp: --
SEC_01 // INDEX

SEC_01 // INDEX

IT specialist in application development (in training) — Karlsruhe, DE

COMPOSE_

Samuel Ratzel // IT specialist in application development (in training)

Samuel Ratzel
SEC_02 // ABOUT

SEC_02 // ABOUT

THE ARCHITECTURAL APPROACH

IT specialist in application development in training at United Internet AG — building interfaces that are fast, clean and actually enjoyable to use. Two years of shipping real products with Vue, Nuxt, TypeScript and a strong opinion on CSS. Available for new opportunities from Q3 2026.

// Location

Karlsruhe, DE [49.015° N, 8.405° E]

// Availability

Available from July / August 2026

SEC_03 // TECH

SEC_03 // TECH

TECHNICAL_STACK

8 capabilities
01 / FRAMEWORK

VUE / NUXT

02 / CORE

TYPESCRIPT

03 / CORE

HTML / CSS

04 / STYLING

SCSS

05 / TOOLING

VITE

06 / BACKEND

JAVA / SQL

07 / DESIGN

FIGMA

08 / RUNTIME

NODE.JS

SEC_04 // PROJECTS

SEC_04 // PROJECTS

SELECTED_WORK

4 projects
PROJECT_01

CV_Generator

VIEW ON GITHUB [→]

A privacy-first CV builder I made for myself and friends. Five professional templates, a live editor, PDF export via browser — zero backend, zero account, zero data leaving your device.

#Vue3#PDF-Export#LocalFirst#LiveEditor
PROJECT_02

Stream_Deck_Plugin

VIEW ON GITHUB [→]

Elgato Stream Deck plugin for controlling ULC and LVC emergency lighting systems in FiveM. Real-time sync, color-coded stage buttons, dynamic siren tone labels. Built with TypeScript and the Stream Deck SDK.

#TypeScript#StreamDeck#FiveM#NodeJS
PROJECT_03

Wachen_Dashboard

PRIVATE PROJECT

Digital operations dashboard for DLRG Nordhardt — managing equipment, vehicles, protocols and more. Built specifically for water rescue operations.

#Vue3#DLRG#Dashboard#PrivateProject
PROJECT_04

AI_Diary

PRIVATE PROJECT

A local-first AI diary that collects context — weather, mood, habits, queries — to profile you over time and offer genuinely useful reflection. No cloud, no tracking, fully yours.

#AI#LocalFirst#Vue3#PrivateProject
SEC_05 // CAREER

SEC_05 // CAREER

WORK_HISTORY

2 positions
Current
Sept. 2023 — Present
Karlsruhe, DE

United Internet AG

IT Apprentice (Fachinformatiker AE)

Training as a software developer — working hands-on with SQL, CSS, and web technologies inside a large-scale tech organisation. Building real features for production systems.

SQLCSSWeb DevEnterprise
Previous
Mai 2023 — Aug. 2023
Karlsruhe, DE

Bäderbetriebe Karlsruhe

Lifeguard

Seasonal lifeguard at Europabad Karlsruhe. Responsible for pool safety, emergency response and guest guidance. Insight into professional aquatic facility operations.

SafetyEmergency ResponseTeam Work
SEC_06 // EDU

SEC_06 // EDU

ACADEMIC_RECORD

Degree_ProgramInstitutionTimeline
Fachinformatiker AnwendungsentwicklungUnited Internet AG2023 — 2026
Fachhoschulreife (Schulischer Teil)Albert-Einstein-Schule Ettlingen2020 — 2022
RealschulabschlussRealschule Neureut2017 — 2020
2023 — 2026

Fachinformatiker Anwendungsentwicklung

United Internet AG

2020 — 2022

Fachhoschulreife (Schulischer Teil)

Albert-Einstein-Schule Ettlingen

2017 — 2020

Realschulabschluss

Realschule Neureut

SEC_07 // SERVICE

SEC_07 // SERVICE

DLRG NORDHARDT E.V. // EINSATZTEAM

ACTIVE_SERVICE

Water Rescue · First Response · Emergency Medical

UNIT_STATUSOPERATIONAL
LOCATIONEgg-Leo // KA
SINCE2022

UNIT // 01

Water Rescuer

ACTIVE
UNIT_DATA
PERIODNov. 2024 — Present
BASEegg-leo // KA

Active member of the water rescue unit. Trained in aquatic rescue operations, victim extraction, and coordination with emergency services. Completed full Wasserretter certification including on-water and flood scenarios.

// Water Rescue// Flood Operations// Emergency Response
VIEW_PRESS_RELEASE

UNIT // 02

First Responder (Sanitäter)

ACTIVE
UNIT_DATA
PERIOD2024 — Present
BASEegg-leo // KA

Certified first responder providing pre-ambulance medical care in town. Trained in Sanitätsdienst A and B — covering patient assessment, vital monitoring and basic life support.

// First Aid// Sanitätsdienst A+B

UNIT // 03

Swimming Instructor

ONGOING
UNIT_DATA
PERIODJuly 2022 — Present
BASEegg-leo // KA

Teaching children water safety and swimming skills. Running regular training sessions focused on technique, confidence in the water and basic self-rescue awareness.

// Kids// Water Safety// Teaching
SEC_07 // TOOLS

SEC_07 // TOOLS

STACK & INSTRUMENTATION

15 tools
WebStorm
VS Code
Figma
Git
Ubuntu
macOS
Windows
Jira
Confluence
Teams
MS365
Scrum
Docker
Android Studio
Postman
SEC_09 // AI

SEC_09 // AI

ASSISTED_NOT_REPLACED

HUMAN_IN_THE_LOOP

I use AI the same way I use any other tool — deliberately. It handles the repetitive parts so I can focus on the parts that actually require judgment: architecture decisions, interaction quality, whether something feels right. The output still has to pass my bar. Most of it doesn't on the first try.

// AI handles

  • Boilerplate & repetition
  • First-draft copy
  • Refactoring suggestions
  • Reference imagery
  • Spelling

// I handle

  • Architecture decisions
  • Whether it feels right
  • Design judgment
  • Quality bar & review
  • The taste
T_01CODE

GITHUB_COPILOT

Inline autocomplete while writing. Fast, context-aware, saves the boring keystrokes.

T_02REASONING

CLAUDE

Architecture decisions, debugging partner, copy review. A second opinion I can argue with.

T_03REASONING

CHATGPT

Quick lookups, alternative perspectives, rubber duck with a better vocabulary.

T_04REASONING

GEMINI

Cross-referencing and research. Useful when I want a different angle on the same problem.

T_05DESIGN

STITCH

Google AI design tool — exports directly to Figma. Fast way to get rough layout ideas out of my head without burning an hour in Figma first.

T_06LOCAL

COMFYUI

Local image and video generation. Full control, no cloud, no data leaving the machine.

T_07LOCAL

CUSTOM_STACK

Self-hosted tools for TTS, local LLMs and more. Built and maintained myself — because owning your toolchain matters.

SEC_08 // CONNECT

SEC_08 // CONNECT

LET'S BUILD