Web-Dev-Helldobler

Stefan
Helldobler

Freelance Web Developer — Angular / TypeScript

Website-Entwicklung für jeden Anwendungsfall: von der Business-Website über individuelle Web-Apps bis zum Online-Shop. Ich plane und baue digitale Auftritte, die zur jeweiligen Aufgabe passen — statt von der Stange.

BASIS EUROPA

Detail A — Über mich

Portrait von Stefan Helldobler
Fig. 01 — Stefan Helldobler, Web Developer

Über mich

Ich unterstütze Startups, Restaurants und kleine Unternehmen in Europa mit modernen Websites, die mehr Anfragen und Kunden bringen. Von der Strategie bis zum Livegang liefere ich zuverlässige, conversion-orientierte Weblösungen für echte Geschäftsziele.

Bodenständig

Mit Sitz in Deutschland arbeite ich remote mit Kundinnen und Kunden in ganz Europa. Klare Kommunikation, transparente Abläufe und praxisnahe Lösungen stehen im Mittelpunkt.

Neugierig

Mein Fokus liegt auf Geschäftsnutzen: schnelle, nutzerfreundliche Websites, die Vertrauen schaffen und Besucher in qualifizierte Anfragen verwandeln.

Eigenständig, von A bis Z

Ich biete komplette Website-Pakete: Planung, Design-Umsetzung, Entwicklung, Optimierung und Support nach dem Launch.

Zwei Spuren

Im mobilen Büro entwickle ich Software, draußen unterrichte ich die Kunst des Motorradfahrens — bei Moto Nomad. Zwei Handwerke, eine mobile Basis.

Katalog — Leistungen

Was ich baue

Legende — Tech Stack

Werkzeugkasten

  • 01

    Angular

    SSR, Signals, Standalone Components

  • 02

    React

    SPA & KI-Integrationen

  • 03

    TypeScript

    Statische Typisierung, Frontend & Backend

  • 04

    Tailwind CSS

    Utility-first Styling

  • 05

    Firebase / Supabase

    Auth, Datenbank, Cloud Functions

  • 06

    REST APIs & Webhooks

    CRM- & Drittsystem-Anbindung

  • 07

    Gemini / LLM-APIs

    KI-gestützte Funktionen

  • 08

    GSAP

    Animation & Interaktion

  • 09

    Leaflet

    Karten & Standortdaten

  • 10

    Capacitor

    Native Mobile Apps, Android / iOS

  • 11

    i18n

    Mehrsprachige Anwendungen

  • 12

    Git & CI/CD

    Versionskontrolle, automatisiertes Deployment

  • 13

    Server-Infrastruktur

    Eigenes Hosting — VPS, Nginx, Cloudflare

  • 14

    SEO & Performance

    Prerendering, strukturierte Daten, Core Web Vitals

Anmerkung — wird laufend erweitert: es kommt immer ein Werkzeug dazu.

Übersichtszeichnungen — Referenzwerke

Portfolio

Immobilienmakler-Website — metzner.immo

Referenzwerk

Live

Immobilienmakler-Website — metzner.immo

Öffentlicher Auftritt für einen Immobilienmakler mit Objektdaten, die automatisch aus dem CRM synchronisiert werden — Titel, Preis, Bilder, Grundrisse und Energieausweise inklusive.

  • Live-Synchronisation per CRM-Webhook (Propstack), HMAC-abgesichert
  • Server-Side Rendering für Suchmaschinen
  • Eigene Server-Infrastruktur mit CI/CD, Auto-Deploy & Rollback
  • Angular SSR
  • Supabase
  • Tailwind CSS
  • GSAP
Website ansehen ↗
Moto Nomad — Motorrad-Coaching mit Live-Van-Tracking

Referenzwerk

Live

Moto Nomad — Motorrad-Coaching mit Live-Van-Tracking

Business-Plattform für mein zweites Standbein: professionelles Motorrad-Coaching, europaweit direkt vor Ort — mit Live-Tracking meines Vans und einem KI-gestützten Reisekosten-Rechner.

  • Live-GPS-Tracking des Vans auf der Karte (OwnTracks → Firebase)
  • "Rescue Me"-KI-Chat für Motorrad-Handbücher & KI-Reisekosten-Rechner
  • Buchungsstrecke mit gestaffelten Preisen, 5 Sprachen
  • Angular
  • Firebase
  • Supabase
  • Leaflet
Website ansehen ↗

Details B–C — Case Studies

BMW Biking — Motorrad-Vermietung & Transport

Detail B

Live

BMW Biking — Motorrad-Vermietung & Transport

Zweisprachige Firmenwebsite für einen Motorrad-Verleih- und Transportbetrieb in Málaga, inklusive geschütztem internen Bereich für Vermietungs- und Transportverwaltung.

  • Interner Verwaltungsbereich mit Zugriffsschutz
  • Digitale Unterschrift für Verträge
  • Zweisprachig Deutsch / Englisch
  • Angular SSR
  • Firebase
  • Tailwind
  • Leaflet
Website ansehen ↗
Travel2Speak — KI-Reisetagebuch & Sprachlern-App

Detail C

Live

Travel2Speak — KI-Reisetagebuch & Sprachlern-App

KI-gestützte Sprachlern-App mit Mehrsprachenunterstützung, Echtzeit-Spracheingabe/-ausgabe, KI-Bildanalyse, Karteikarten mit Leitner-System und interaktivem Reisetagebuch mit Kartenintegration.

  • KI-Fotoanalyse generiert automatisch Tagebucheinträge (Gemini)
  • Interaktiver Sprachtutor-Chat mit Vokabel-Flashcards
  • Web & native Android-App (Capacitor), mit Abo-Modell
  • React
  • Gemini AI
  • Firebase
  • Capacitor
Website ansehen ↗Code ansehen ↗

Details D–F — Ausbildungsprojekte

Join — Kanban-Task-Manager

Detail D

IHK-Abschlussprojekt

Live

Join — Kanban-Task-Manager

Mein IHK-Abschlussprojekt: Join ist eine Kanban-Plattform für das Aufgabenmanagement im Team, umgesetzt mit Angular, TypeScript und Firebase. Im Mittelpunkt standen eine saubere, modulare Architektur und gut begründete technische Entscheidungen — bis hin zur Frage, wie Bilder gespeichert und geprüft werden.

  • Kanban-Board mit Drag & Drop über fünf Status-Spalten (Triage, To do, In Progress, Await Feedback, Done), Prioritäten und Unteraufgaben
  • Team- und Kontaktverwaltung direkt im Board: Aufgaben zuweisen, durchsuchbare Kontaktliste, Avatar-Upload
  • Zwei bewusst gewählte Speicherstrategien für Bilder: Task-Anhänge werden komprimiert (max. 800×800 px) und als Base64 direkt im Firestore-Task gespeichert; Avatare liegen in Firebase Storage, im Kontakt steht nur die URL
  • Sicherer Datei-Upload: Formatprüfung (JPEG/PNG), Prüfung des echten Dateityps über Magic Bytes gegen umbenannte Dateien, Größenlimit und automatische Kompression
  • Echtzeit-Synchronisation über Firebase Firestore, dazu Login, Registrierung und Gastzugang
  • Modulare Architektur: Feature-Ordner (Board, Task anlegen, Kontakte, Anhänge, Übersicht) mit eigenen Komponenten, Services und Helfern, getrennt von Core-Services und Modellen
  • Optionale KI-/Workflow-Anbindung: externe Feature-Requests kommen per E-Mail an und werden automatisiert verarbeitet (n8n)
  • Angular
  • TypeScript
  • Firestore
  • Firebase Storage
  • Drag & Drop
  • n8n
Website ansehen ↗Code ansehen ↗

Detail E

Ausbildungsprojekt

El Pollo Loco

Lernprojekt aus meiner Ausbildung: ein Jump-and-Run-Spiel in reinem JavaScript, entstanden, um die Grundlagen ohne Framework zu üben. Konzepte: objektorientierte Programmierung (Klassen, Vererbung), Game-Loop mit Canvas-Rendering, Kollisionserkennung sowie Level- und Zustandslogik. Hilf Pepe, Münzen und Salsa-Flaschen zu sammeln und Gegner zu besiegen.

  • JavaScript
  • OOP
  • Canvas
Projekt ansehen ↗

Detail F

Ausbildungsprojekt

Pokédex

Lernprojekt aus meiner Ausbildung: ein Pokédex, um den Umgang mit REST-APIs und dynamischen Daten zu üben. Konzepte: asynchrone Requests (fetch, async/await), Darstellung der Daten im DOM, Suche und Filter nach Name, Typ oder Generation sowie Aufteilung des Codes in kleine, wiederverwendbare Funktionen.

  • JavaScript
  • API
  • CSS
Projekt ansehen ↗

Titelblock

Gezeichnet vonStefan Helldobler
RolleFreelance Web Developer
StandortVan · Europa (mobil)
Revisionv2.0

Sie möchten eine Website, die echte Anfragen bringt?

Erzählen Sie mir kurz von Ihrem Unternehmen und Ihren Zielen. Sie erhalten von mir einen klaren Vorschlag für eine Website-Lösung, die zu Budget, Zeitplan und Markt passt.

Suchen Sie einen freiberuflichen Web-Entwickler für den europäischen Markt? Kostenloses Erstgespräch buchen!