▲ Bewerbung · Stepan Trut
01 / 15

Bewerbungspräsentation · 2026

Stepan
Trut

Frontend-Entwickler · Angular · TypeScript

Drei Jahre Praxis in der Anwendungsentwicklung, ein technisches Studium in Kyjiw und die Lust, Oberflächen zu bauen, die Menschen gerne benutzen.

0Jahre Ausbildung bei hc:VISION
C1Deutsch & Englisch
0Jahre Informatik-Studium
AngularHauptframework

↓ → Space zum Navigieren

Foto: Stepan Trut

01 — Über mich

Technik verstehen, Oberflächen gestalten

Ich bin Frontend-Entwickler mit Schwerpunkt Angular und TypeScript. In meiner Ausbildung bei der hc:VISION Technologie GmbH in Düsseldorf habe ich an einer internen Unternehmensanwendung mitentwickelt — von der Komponente bis zur Schnittstelle.

Mein Studium der Radiophysik, Elektronik und Computersysteme in Kyjiw hat mir ein solides mathematisch-technisches Fundament gegeben. Ich arbeite strukturiert, genau und gerne im Team.

Auf einen Blick

Wohnort
Duisburg
Schwerpunkt
Frontend & Webentwicklung
Sprachen
Ukrainisch (Muttersprache), Deutsch C1, Englisch C1
Arbeitsweise
Scrum · Kanban · Jira · Confluence
E-Mail
Stepan.trut.career@gmail.com

02 — Werdegang

Vom Studium in die Praxis

  1. Studium der Informatik

    Taras-Schewtschenko-Nationaluniversität Kyjiw · Radiophysik, Elektronik und Computersysteme

    Grundlagen in Signalverarbeitung, Elektrotechnik, Mathematik und Softwareentwicklung.

  2. Ausbildung Fachinformatiker für Anwendungsentwicklung

    hc:VISION Technologie GmbH · Düsseldorf

    Schwerpunkt Frontend: responsive Oberflächen mit Angular, Mitentwicklung der internen Parkplatzverwaltung, Application Support, agile Teamarbeit.

  3. Mitwirkung an Lobby.gg

    Echtzeit-Multiplayer-Spieleplattform

    Testing, UI-Feedback und Spielideen in einem echten, öffentlich laufenden Produkt.

03 — IT-Kenntnisse

Werkzeugkasten

⟨/⟩

Sprachen & Markup

TypeScriptJavaScriptHTML5CSS3SCSSSQLMySQL
▲

Frameworks & Web

AngularRxJSAngular MaterialREST APIsIndexedDBResponsive Design
⚙

Tools & Methoden

GitGitLabGitHubDockerVS CodeWebStormScrumKanbanJiraConfluence
  • Komponenten, Formulare und Schnittstellenanbindungen umsetzen
  • Refactoring, Fehleranalyse und Bugfixing für stabilen, wartbaren Code
  • Application Support: Störungen analysieren, Anwender unterstützen
  • Entwicklungsumgebungen mit Docker einrichten und verwalten

04 — Projekt aus der Ausbildung

Webbasierte Parkplatz­verwaltung

Problem

Zeitaufwendige Parkplatzsuche — ohne zentrale digitale Lösung.

Ziel

Freie Parkplätze anzeigen, reservieren und Buchungen verwalten.

Umsetzung

Angular-Frontend, Datenhaltung in IndexedDB, modulare Architektur mit klarer Trennung von Oberfläche, Logik und Daten.

  • Rollen & Rechte: nur Besitzer oder Admin dürfen buchen und Notizen ändern
  • Validierung fehlender Daten vor jeder Aktualisierung
  • Qualitätssicherung durch Browsertests und Code Reviews
parking-spot.component.ts
canBook(): boolean {
  if (!this.reserved || !this.bookedBy?.length) {
    return true;
  }
  return this.isOwner() || this.userService.isAdmin();
}

toggleReserved(): void {
  if (!this.canBook()) {
    this.errorMessage = 'Keine Berechtigung';
    setTimeout(() => this.errorMessage = '', 3000);
    return;
  }
  this.reserved = !this.reserved;

  const updatedSpot: ParkingSpotData = {
    id: this.spotId,
    spotNumber: this.spotNumber,
    owner: this.ownerName,
    bookedBy: this.reserved ? [this.currentUser] : undefined,
    day: this.day, week: this.week,
    notes: this.notes,
  };
  this.parkingDataService.setParkingSpot(updatedSpot);
}

05 — Architektur & Qualität

Sauber getrennt, leicht erweiterbar

Funktionale Anforderungen

  • Anzeige freier Parkplätze in Echtzeit
  • Reservierung eines Parkplatzes
  • Registrierung und Login
  • Verwaltung von Buchungen

Qualitätsziele

  • Benutzerfreundliche Oberfläche
  • Schnelle Ladezeiten
  • Erweiterbarkeit
OberflächeAngular Components · Angular Material · SCSS
↕
LogikServices · RxJS · Rollen & Rechte
↕
DatenIndexedDB · ParkingSpotData

06 — Aktuelles Projekt

Eine Echtzeit-Multiplayer-Plattform für Partyspiele: Link öffnen, Raum erstellen, mit Freunden spielen — ohne Installation. Läuft live mit registrierten Nutzern.

  • 28 Spiele: Mafia, Bunker, Spyfall, Poker, Durak, UNO, Schach, 3D-Vier-gewinnt …
  • Räume, Einladungen, Freunde, Profile, Reconnect mitten im Spiel, KI-Bots
  • Drei Sprachen — jeder sieht dasselbe Spiel in seiner eigenen

Meine Rolle: Testen und Balancing der Spiele, UI-Feedback aus Nutzersicht und Ideen für neue Spielmodi.

lobby.gg
Startseite von Lobby.gg

07 — Was ich mitbringe

Warum ich in Ihr Team passe

01

Praxis

Drei Jahre in einem echten Entwicklungsteam — mit Tickets, Reviews und Deadlines.

02

Frontend-Fokus

Angular, TypeScript und responsives Design sind mein Alltag, nicht nur Theorie.

03

Technisches Fundament

Studium in Radiophysik und Computersystemen: Ich will verstehen, wie es darunter funktioniert.

04

Kommunikation

Deutsch und Englisch auf C1-Niveau — im Team, mit Kunden und in der Doku.

Eine Sache noch — meine Empfehlung

Pavlo
Havras

Der Entwickler hinter Lobby.gg. KI- & Automatisierungs-Engineer und Full-Stack-Frontend-Entwickler — er baut komplette Produkte allein, vom Linux-Server bis zum letzten Pixel. Ich möchte ihn Ihnen in drei Minuten vorstellen.

P1 — Lobby.gg · gebaut von Pavlo

Die Technik hinter dem Spaß

0Zeilen Python
0Zeilen Frontend
0Spielmodi
  • FastAPI + WebSockets, eigene Zustandsmaschine pro Raum
  • Nahtloser Reconnect: Spielstand wird zurückgespielt
  • Serverseitige Logik — Schummeln bei Poker oder Mafia unmöglich
  • Sicherheit: PBKDF2, HMAC-signierte Sessions, Rate-Limits, Input-Sanitizing
  • Docker hinter Caddy (Auto-TLS, Security-Header), eigener Server
BrowserVanilla JS · 3D · i18n Smartphonegleicher Link CaddyTLS · Header · Proxy FastAPI + WSRäume · Bots · Reconnect Spiel-EnginesMafia · Poker · Schach SQLiteNutzer · Freunde

P2 — Unity · C# · Python

FPV-Drohnensimulator

Ein physikbasierter Simulator, geflogen mit einer echten RadioMaster-Funke. Jede Drohne ist nach Herstellerdaten modelliert — Masse, Motor-KV, Schub, Spannungseinbruch, Rotorträgheit.

  • Eigenes Flugmodell: Python-Referenz mit Golden-Tests, portiert nach C#
  • PID-Autotuner, ACRO-Rates, Batteriespannung, Vortex-Ring-State
  • Prozedurale Karten: Blender-Pipeline + Voxel-Flugprüfung
  • Unity 6 URP, Linux- & Windows-Builds, CI auf eigenem Server

In aktiver Entwicklung · seit Sep 2026

whoop1 / 8

BetaFPV Air65

0Gramm
0Schub / Gewicht
0Motor-KV
0Akkuzellen
0Propeller, mm
0Motor-Hochlauf, ms

P3 — KI & Automatisierung

Jarvis — ein persönliches KI-Betriebssystem

Ein selbst gehosteter Assistent: spricht über Telegram und per Stimme, merkt sich alles in einer Wissensdatenbank und führt rund um die Uhr ~25 Automatisierungen aus.

  • n8n-Workflows: Morgenbriefing, Markt-Scanner, Habit-Coach, Nacht-Jobs
  • LLM-Routing: Cloud-Modelle + lokale Modelle auf eigener GPU (Ollama)
  • Echtzeit-Sprachbrücke (Gemini Live über WebSocket)
  • Betrieb: Docker, Redis-Queues, nächtliche Backups, Firewall, Key-Rotation

P5 — Profil

Pavlo Havras

KI- / Automatisierungs-Engineer · Full-Stack-Frontend

Baut komplette Produkte allein: UI-Design, Backend, Deployment auf eigene Server und deren Absicherung. Nutzt KI-Agenten als Kraftverstärker — und weiß, wo sie an ihre Grenzen stoßen.

Frontend

JavaScript · TypeScript · HTML/CSS · three.js · GSAP · WebSockets

Backend

Python · FastAPI · Node.js · SQLite / Postgres · Redis

KI & Automatisierung

n8n · LLM-APIs (Claude, Gemini) · Ollama · Playwright

DevOps

Linux · Docker · Caddy · Git · CI · Server-Hardening

Game / 3D

Unity 6 · C# · Blender-Pipelines · Flugphysik

Weitere Projekte

PC-Sniper (Marktplatz-Scraper) · ehrlicher Krypto-Backtester · eigene Linux-Desktop-Shell

Auf einen Blick

Vielen Dank für Ihre Aufmerksamkeit

Ich freue mich
auf Ihre Fragen.

Stepan Trut

Stepan.trut.career@gmail.com
Frontend-Entwickler · Duisburg