Zum Inhalt springen
Heistermann Solutions Logo
Coding Journey

Meine Coding Journey

Projekte und Meilensteine auf meinem Weg zum Full-Stack-Entwickler - Kundenprojekte finden Sie unter Projekte.

Zeitstrahl

Die ganze Geschichte

Lernen

Erste Zeilen Code

Angefangen Python zu lernen. In dem Moment, als ich mein erstes 'Hello, World!' geschrieben habe, war ich fasziniert von den endlosen Möglichkeiten des Programmierens.

Python
Erste ProgrammierspracheGrundlegende Algorithmen & Datenstrukturen
Ausbildung

Developer Akademie - Beginn

Einschreibung in ein Full-Stack-Entwicklerprogramm, um eine solide Grundlage in moderner Webentwicklung aufzubauen.

HTMLCSSSASSSCSSJavaScriptTypeScriptPythonSQLAngularVue.jsDjangoTailwind CSSREST APIsPostgreSQLRedisFirebaseSupabaseDockerGitGitHubLinuxN8NScrumAgile methodologies
Strukturierter LehrplanProjektbasiertes Lernen
Food Order App
Projekt

Food Order App

Eine Bestell-App mit Kategorie-Browsing, Suche & Filterung, einem Warenkorb mit MwSt-Berechnung, Wunschliste, Gutscheincodes und einem Checkout-Flow mit mehreren Zahlungsmethoden.

HTMLCSSJavaScriptGitGitHub
Kategorie-Browsing & Suche mit FilternWarenkorb mit MwSt-BerechnungWunschliste & Gutscheincode-SystemCheckout mit mehreren Zahlungsmethoden
Tic-Tac-Toe
Projekt

Tic-Tac-Toe

Ein Zwei-Spieler Tic-Tac-Toe-Spiel mit Gewinnerkennung, Spielstatistiken und einem sauberen Neustart-/Reset-Flow.

HTMLCSSJavaScriptGitGitHub
Zwei-Spieler-SpiellogikGewinnerkennungs-AlgorithmusPunkteverfolgung & StatistikenNeustart- & Reset-Funktion
Pokédex
Projekt

Pokédex

Eine leichtgewichtige Bibliothek auf Basis der PokéAPI, die detaillierte Pokémon-Informationen organisiert und zugänglich macht.

HTMLCSSJavaScriptAPI integrationGitGitHub
PokéAPI-IntegrationSuche & FilterungDetailansicht mit StatistikenFavoriten-System
Join
Projekt

Join

Ein Aufgabenmanagement-Tool basierend auf der Kanban-Methodik. Erstelle und organisiere Aufgaben einfach per Drag-and-Drop, mit Optionen zur Benutzerzuweisung und effizienten Kategorisierung.

HTMLCSSJavaScriptFirebaseGitGitHubAgile methodologiesKanban
Drag & Drop Kanban-BoardBenutzer-Authentifizierung & GastloginAufgabensuche & FilterungKontaktverwaltung
El Pollo Loco
Projekt

El Pollo Loco

Ein Jump, Run & Throw-Spiel mit objektorientiertem Ansatz. Führe Pepe, während er Münzen und Tabasco-Salsa sammelt, um gegen die wilde Henne zu kämpfen.

HTMLCSSJavaScriptGitGitHub
Objektorientierte SpielarchitekturTastatur- & Kollisions-SteuerungSound & Vollbild-ToggleBosskampf-Mechaniken
RingOfFire
Projekt

RingOfFire

Ein digitales Partyspiel basierend auf dem Trinkspiel 'Ring of Fire'. Spiele online mit Freunden, indem du einen Link teilst, Räume erstellst und Spieler einlädst - perfekt für gesellige Runden, egal wo du bist.

AngularHTMLSASSTypeScriptFirebaseGitGitHub
Echtzeit-Multiplayer via FirebaseRaumerstellung & EinladungslinksInteraktive Kartenspiel-LogikBis zu 10 Spieler pro Raum
Mein altes Portfolio
Projekt

Mein altes Portfolio

Ein modernes, responsives Frontend-Portfolio gebaut mit Angular und SASS. Designt mit Fokus auf saubere Architektur, wiederverwendbare Komponenten und skalierbares Styling. Zeigt UI-Handwerk, Performance-Optimierung und Frontend-Best-Practices.

AngularHTMLSASSTypeScriptGitGitHub
Zweisprachig (DE/EN)Scroll-AnimationenKontaktformular mit Datenschutz-EinwilligungTestimonials von Teamkollegen
Meilenstein

Start als Freelance-Entwickler

Den Sprung in die Selbstständigkeit gewagt - Websites und Webanwendungen für echte Kunden gebaut. Von Lernprojekten zur professionellen Umsetzung.

Erste bezahlte KundenprojekteGewerbeanmeldungRemote-First-Workflow
Magnificent Seven
Projekt

Magnificent Seven

Ein interaktives Finanz-Dashboard zur Visualisierung von Quartalskennzahlen der 'Magnificent Seven' Tech-Giganten. Echtzeit-Datenintegration via Google Sheets mit eleganten Charts, responsivem Design und einem Premium-Dark-Theme.

Vue.jsTypeScriptTailwind CSSChart.jsGoogle Sheets APIGitGitHub
Live-Daten via Google Sheets APIInteraktive Chart.js DashboardsUnternehmensfilter & VergleichPremium Dark Theme
Mein altes darewithsimon.com
Projekt

Mein altes darewithsimon.com

Meine alte persönliche Plattform - ein Ort, um zu teilen, was ich baue, was mich antreibt und wie man mich erreicht.

React.jsTypeScriptNode.jsExpressHTMLTailwind CSSGitGitHub
Multi-Section SPA (Developer, Student, Traveler, Brand)Zweisprachig (DE/EN)Kontaktformular mit BetreffauswahlSocial-Media-Integration
DABubble
Projekt

DABubble

Ein Business-Chat-Client für professionelle Kommunikation. Nutzer können sich registrieren, Nachrichten austauschen, Gruppen erstellen und Passwörter zurücksetzen - alles innerhalb einer sicheren und intuitiven Plattform.

AngularTypeScriptHTMLSCSSFirebaseGitGitHub
Echtzeit-Messaging via FirebaseChannels & DirektnachrichtenGoogle OAuth & GastloginThread-Konversationen
Kanmind
Projekt

Kanmind

Ein Projektmanagement-Tool nach dem Kanban-Prinzip. Erstelle Boards, verwalte Aufgaben und behalte alles über ein sauberes, strukturiertes Dashboard im Blick. Registriere dich oder tritt als Gast bei - KanMind bietet eine intuitive Oberfläche für optimierte Workflows und produktive Zusammenarbeit.

DjangoDjango REST FrameworkPythonJavaScriptHTMLCSSGitGitHubAgile methodologiesKanban
Django REST API BackendKanban-Board & AufgabenverwaltungBenutzer-Auth mit GastloginFull-Stack Python/JS-Architektur
Wetter App
Projekt

Wetter App

Eine einfache Wetter-Anwendung, die aktuelle Wetterinformationen für einen bestimmten Standort abruft und anzeigt.

ReactTypeScriptHTMLCSSViteMUIPWAGitGitHub
Standortbasierte WetterdatenStadtsuche mit AutovervollständigungPWA (installierbar)Material UI Komponenten
Code à Cuisine
Projekt

Code à Cuisine

Ein KI-gestützter Rezeptgenerator, der übrig gebliebene Zutaten in komplette Mahlzeiten verwandelt. Nutzer geben die Zutaten ein, die sie zuhause haben - diese werden über einen automatisierten n8n-Workflow und ein KI-Modell verarbeitet, um ein passendes Rezept zu generieren. Die App liefert klare Anleitungen und speichert alle generierten Rezepte in einem persönlichen digitalen Kochbuch, um Lebensmittelverschwendung zu reduzieren und frische Inspiration fürs tägliche Kochen zu bieten.

AngularTypeScriptN8NFirebaseHTMLSCSSGitGitHubAI integration
KI-Rezeptgenerierung via n8n-WorkflowZutateneingabe mit EinheitenauswahlPersönliches digitales KochbuchReduzierung von Lebensmittelverschwendung durch KI
Meilenstein

Rebranding zu Heistermann Solutions

Rebranding meiner freiberuflichen Webentwicklung zu 'Heistermann Solutions' mit neuem Logo, aktualisierter Website und stimmiger visueller Identität. Ein frischer Look, der zur professionellen Qualität und zum modernen Ansatz meiner Leistungen passt.

Rebranding-MaßnahmeAktualisierte visuelle IdentitätVerbesserte professionelle Präsentation
Coderr
Projekt

Coderr

Eine Freelancer-Marktplatz-Plattform, auf der Unternehmen und Kunden Accounts erstellen, Angebote veröffentlichen und über strukturierte Projekte zusammenarbeiten können. Nutzer können sich als Anbieter oder Kunden registrieren, verfügbare Services durchsuchen, Aufträge erteilen und nach Abschluss Bewertungen hinterlassen. Die Plattform deckt den gesamten Workflow eines Freelancer-Marktplatzes ab - von der Registrierung bis zum Projektabschluss und Feedback.

PythonDjangoDjango REST FrameworkPostgreSQLJavaScriptHTMLCSSGitGitHub
Freelancer-Marktplatz mit Anbieter- & KundenrollenDjango REST API mit PostgreSQLAngebotssuche & BewertungssystemVollständiger Projektworkflow (Auftrag → Abschluss → Feedback)
Quizly
Projekt

Quizly

Ein Full-Stack KI-Quiz-Generator, der YouTube-Videos in ~60 Sekunden in 10-Fragen-Multiple-Choice-Quiz verwandelt. Die Pipeline lädt Audio via yt-dlp + FFmpeg herunter, transkribiert es mit Groq Whisper und generiert validierte Fragen mit Google Gemini. JWT-Cookie-basierte Auth, benutzer-isolierte Quiz-Bibliothek und 78 Tests mit 95%+ Abdeckung.

DjangoDjango REST FrameworkPythonJavaScriptHTMLCSSGoogle GeminiGroq WhisperDockerpytestGitGitHub
KI-Pipeline: yt-dlp → Whisper → Gemini → QuizJWT Cookie Auth (HTTP-only, kein localStorage)78 Tests, 95%+ Code-AbdeckungDockerized Deployment auf Render
Videoflix
Projekt

Videoflix

Eine Netflix-inspirierte Streaming-Plattform mit Benutzerregistrierung, E-Mail-Verifizierung, Passwort-Reset und Video-Wiedergabe. Mit moderner Landing Page, Authentifizierungs-Flow und Content-Browsing-Erlebnis.

DjangoDjango REST FrameworkPythonJavaScriptHTMLCSSPostgreSQLDockerpytestGitGitHub
Netflix-Style Streaming UIE-Mail-Verifizierung & Passwort-ResetBenutzer-Auth mit Abo-FlowDjango REST API mit PostgreSQL
Join Issue Collector
Projekt

Join Issue Collector

Ein Ticket-Tool für Stakeholder zur Erstellung von Feature-Requests und Bug-Reports. Stakeholder füllen ein strukturiertes Formular mit Priorität, Kategorie und Unteraufgaben aus - Tickets werden automatisch über einen n8n-Workflow verarbeitet und an das Entwicklungsteam weitergeleitet.

AngularTypeScriptSCSSN8NGemini AIFirebaseGitGitHub
Automatische Ticket-Erstellung via n8nStakeholder- & Teammitglieder-RollenPrioritäts- & KategorieauswahlTägliches Anfrage-Limit
Ausbildung

Developer Akademie - Abschluss

Full-Stack-Entwicklerprogramm abgeschlossen. Bereit für die Entwicklung professioneller Anwendungen.

HTMLCSSSASSSCSSJavaScriptTypeScriptPythonSQLAngularVue.jsDjangoTailwind CSSREST APIsPostgreSQLRedisFirebaseSupabaseDockerGitGitHubLinuxN8NScrumAgile methodologies
Full-Stack-ZertifizierungBranchenreife Skills
simon-heistermann.de
Projekt

simon-heistermann.de

Mein persönliches Hub von Grund auf designed und gebaut - ein Premium-Portfolio mit scroll-getriebenen GSAP-Animationen, einem Ventures-Showcase mit horizontalem Fullscreen-Scroll, einer interaktiven Werdegang-Timeline, einem zugangsbeschränkten Personal Board und einem Multi-Form-Kontaktsystem. 15+ Seiten mit eigenem Designsystem, Dark/Light Mode und vollständiger SEO-Optimierung.

Next.jsReactTypeScriptTailwind CSSGSAPFramer MotionSupabaseVercel
GSAP scroll-verknüpfte Animationen & ParallaxEigenes Designsystem mit warmem, redaktionellem StilZugangsbeschränkter Personal Board Bereich15+ Seiten mit vollständiger SEO & Structured Data
Meilenstein

Stetiges Wachstum

Immer am Lernen, immer am Bauen. Die Reise geht weiter mit neuen Technologien, größeren Projekten und mehr Wirkung.

Erweiterung des LeistungsangebotsTiefere technische ExpertiseWachsender Kundenstamm
0+

Projekte gebaut

Full-Stack

Entwicklung

0+

Frameworks gemeistert

Wollen Sie Teil des nächsten Kapitels sein?

Ich bin immer auf der Suche nach spannenden Projekten. Lassen Sie uns gemeinsam etwas Großartiges bauen.

Verfügbar
Erstgespräch buchen