SEC_01 // INDEX
IT specialist in application development (in training) — Karlsruhe, DE
COMPOSE_
Samuel Ratzel // IT specialist in application development (in training)
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, CSS and more! Available for new opportunities from Q3 2026.
SEC_03 // TECH
TECHNICAL_STACK
15 capabilitiesVUE / NUXT
REACT
JAVASCRIPT
TYPESCRIPT
HTML / CSS
SCSS
VITE
NODE.JS
JAVA
SPRING BOOT
SQL
DOCKER
NGINX
GITLAB CI/CD
FIGMA
SEC_07 // TOOLS
STACK & INSTRUMENTATION
21 toolsSEC_04 // PROJECTS
SELECTED_WORK
4 projectsCV_Generator
Stream_Deck_Plugin
Wachen_Dashboard
AI_Diary
SEC_05 // CAREER
WORK_HISTORY
2 positionsUnited Internet AG
IT Apprentice (Fachinformatiker AE)
Frontend-first, but not frontend-only. Built and shipped real features in Vue, Nuxt and React — component architecture, API integration, frontend and backend testing. Used Vite and Node.js throughout. On the backend, worked with Java, Spring Boot and SQL. Spun up Docker containers, configured Nginx, set up mail servers, handled SSL certificates and pushed it all through GitLab CI/CD pipelines. Embedded in agile teams — standups, sprint planning, retrospectives, the full loop.
Bäderbetriebe Karlsruhe
Lifeguard
Seasonal lifeguard at Europabad Karlsruhe. Responsible for pool safety, emergency response and guest guidance. Insight into professional aquatic facility operations.
SEC_06 // EDU
ACADEMIC_RECORD
| Degree_Program | Institution | Timeline |
|---|---|---|
| Fachinformatiker Anwendungsentwicklung | United Internet AG | 2023 — 2026 |
| Fachhoschulreife (Schulischer Teil) | Albert-Einstein-Schule Ettlingen | 2020 — 2022 |
| Realschulabschluss | Realschule Neureut | 2017 — 2020 |
Fachinformatiker Anwendungsentwicklung
United Internet AG
Fachhoschulreife (Schulischer Teil)
Albert-Einstein-Schule Ettlingen
Realschulabschluss
Realschule Neureut
SEC_07 // SERVICE
ACTIVE_SERVICE
Water Rescue · First Response · Emergency Medical
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.
VIEW_PRESS_RELEASECertified 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.
Teaching children water safety and swimming skills. Running regular training sessions focused on technique, confidence in the water and basic self-rescue awareness.
SEC_09 // AI
ASSISTED_NOT_REPLACED
HUMAN_IN_THE_LOOPI 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
GITHUB_COPILOT
Inline autocomplete while writing. Fast, context-aware, saves the boring keystrokes.
CLAUDE
Architecture decisions, debugging partner, copy review. A second opinion I can argue with.
CHATGPT
Quick lookups, alternative perspectives, rubber duck with a better vocabulary.
GEMINI
Cross-referencing and research. Useful when I want a different angle on the same problem.
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.
COMFYUI
Local image and video generation. Full control, no cloud, no data leaving the machine.
CUSTOM_STACK
Self-hosted tools for TTS, local LLMs and more. Built and maintained myself — because owning your toolchain matters.