From a027f7c44cab17c23cd0c39b2a73998ad9b697cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Simon=20Altsch=C3=A4ffl?= Date: Tue, 3 Mar 2026 07:31:12 +0100 Subject: [PATCH] feat: Enhance project descriptions with details on AI-assisted 'Vibe Coding' in development, update project technologies, and add GitHub repository links. --- src/components/finalprojects/onlineCasino.jsx | 51 +++++++++++-------- .../wohnungUndFahrgemeinschaften.jsx | 13 +++++ src/components/projects/languageRoleplay.jsx | 12 +++++ src/components/projects/languageStudy.jsx | 4 +- src/components/projects/server.jsx | 5 +- src/components/projects/tdot.jsx | 21 +++++--- 6 files changed, 75 insertions(+), 31 deletions(-) diff --git a/src/components/finalprojects/onlineCasino.jsx b/src/components/finalprojects/onlineCasino.jsx index 0290122..8ab021a 100644 --- a/src/components/finalprojects/onlineCasino.jsx +++ b/src/components/finalprojects/onlineCasino.jsx @@ -1,20 +1,7 @@ import React, { useEffect } from "react"; import mermaid from "mermaid"; -const Wireframe = ({ title, children }) => ( -
-
-
-
{title}
-
-
-
- {children} -
-
-
-
-); + function OnlineCasino() { useEffect(() => { @@ -76,17 +63,19 @@ function OnlineCasino() {

Backend, DB & Engine

-
    -
  • Poker Engine (Core): Modulare Java-Library für die komplette Spiellogik (Runden, Pötte, Gewinner).
    • +
      +
    • + Poker Engine (Core): Hochgradig modulare und sicher aufgebaute Java-Library für die komplette Spiellogik (Runden, Pötte, Gewinner). Obwohl weite Teile durch Vibe Coding implementiert wurden, liegt der Engine eine strikte, selbst entworfene Architektur zugrunde, die Regelkonformität und Stabilität garantiert. +
      • +
    • API Layer: Implementierung der WebSocket-Controller für Echtzeit-Kommunikation.
    • Datenbank: Design und Implementierung der JPA-Entities und Repositories für alle Poker-bezogenen Daten.
    -
    - - - GitHub Repository - -
@@ -143,6 +132,24 @@ function OnlineCasino() {
+
+

5. Entwicklung mit KI (Vibe Coding)

+
+

+ In diesem Projekt setze ich den Fokus ganz gezielt auf "Vibe Coding", da auch der professionelle Umgang mit KI Teil unserer Benotung ist. Ziel ist es, praktische Erfahrungen mit verschiedenen KI-Modellen zu sammeln und deren Stärken sowie Grenzen im Entwicklungsalltag kennenzulernen. +

+

+ Während ich die Planung der Systemarchitektur, der APIs und der WebSockets komplett selbst übernehme, delegiere ich einen Großteil der eigentlichen Code-Implementierung an die KI. Dabei gehe ich nach einem klaren, strukturierten Prozess vor: +

+
    +
  • Brainstorming von Lösungsansätzen mit Tools wie Gemini oder ChatGPT
    • +
  • Ausarbeitung eines detaillierten Bauplans anhand der Ideen
    • +
  • Festlegung von präzisen Coding-Richtlinien für das jeweilige Modul
    • +
  • Generierung des Codes durch die KI – strikt entlang dieser Vorgaben
    • +
+
+
+ ); diff --git a/src/components/finalprojects/wohnungUndFahrgemeinschaften.jsx b/src/components/finalprojects/wohnungUndFahrgemeinschaften.jsx index 9a3628c..647254c 100644 --- a/src/components/finalprojects/wohnungUndFahrgemeinschaften.jsx +++ b/src/components/finalprojects/wohnungUndFahrgemeinschaften.jsx @@ -197,6 +197,19 @@ function WohnungUndFahrgemeinschaftenPage() { + {/* --- KI NUTZUNG --- */} +
+

6. KI-Nutzung im Projekt

+
+

+ Bei der Konzeption von Zenith Marketplace hat mich KI beim Ausformulieren und optischen Gestalten des Pflichtenhefts stark entlastet. +

+

+ Was den eigentlichen SAP- und ABAP-Code angeht, bin ich jedoch noch vorsichtig, da aktuelle KI-Modelle in diesem sehr speziellen SAP-Umfeld oft Schwächen zeigen. Deshalb nutze ich KI hier bewusst nicht zum direkten "Vibe Coding", sondern vielmehr als inspirierenden Sparringspartner für Architektur-Ideen, Optimierungsvorschläge und punktuelle Code-Reviews. +

+
+
+ ); diff --git a/src/components/projects/languageRoleplay.jsx b/src/components/projects/languageRoleplay.jsx index 0b89f0f..c8de86a 100644 --- a/src/components/projects/languageRoleplay.jsx +++ b/src/components/projects/languageRoleplay.jsx @@ -162,6 +162,18 @@ function LanguageRoleplay() { +
+

5. Entwicklungsprozess & KI

+
+

+ Für diesen ersten Prototypen nutze ich starkes "Vibe Coding" mithilfe von KI. So kann ich unglaublich schnell testen, ob meine Idee eines interaktiven Sprach-Rollenspiels überhaupt so funktioniert, wie ich es mir vorstelle. +

+

+ Sobald das Konzept validiert ist, werde ich das gesamte Projekt auf Basis dieses Prototypens von Grund auf sauber planen und stabil neu entwickeln. +

+
+
+ ); diff --git a/src/components/projects/languageStudy.jsx b/src/components/projects/languageStudy.jsx index b8f3b8e..89229d9 100644 --- a/src/components/projects/languageStudy.jsx +++ b/src/components/projects/languageStudy.jsx @@ -78,7 +78,7 @@ function LanguagestudyPage() {
Python 3
Pandas
-
Web Scraping
+
Wikipedia API
Multithreading
SQLite
Matplotlib
@@ -101,7 +101,7 @@ function LanguagestudyPage() {

Datenbereinigung

- Rohes HTML musste geparsed und von Satzzeichen sowie Metadaten bereinigt werden, um + Der rohe Text aus der Wikipedia Library musste aufbereitet und von Satzzeichen sowie Metadaten befreit werden, um verzerrungsfreie Wortzählungen zu ermöglichen.

diff --git a/src/components/projects/server.jsx b/src/components/projects/server.jsx index 18ed639..f599e42 100644 --- a/src/components/projects/server.jsx +++ b/src/components/projects/server.jsx @@ -112,12 +112,15 @@ function ServerPage() {

KI als "Co-Admin"

-
+

LLMs waren eine große Hilfe beim Debugging komplexer Docker-Compose Konfigurationen und beim Schreiben von robusten Shell-Skripten. Sie dienten als interaktive Dokumentation für Linux-Server-Administration.

+

+ Für die textliche Gestaltung und Formulierung der Inhalte dieser Webseite habe ich ebenfalls KI-Unterstützung genutzt, um die Beschreibungen klar und ansprechend zu gestalten. +

diff --git a/src/components/projects/tdot.jsx b/src/components/projects/tdot.jsx index 0e9feeb..3b0201a 100644 --- a/src/components/projects/tdot.jsx +++ b/src/components/projects/tdot.jsx @@ -56,6 +56,12 @@ function TdotPage() { Live Demo / Showcase +
+ + + GitHub Repository + +
@@ -69,12 +75,6 @@ function TdotPage() { Die Anwendung nutzt eine Webcam, um Handgesten (Schere, Stein, Papier) in Echtzeit zu erkennen und ermöglicht es, gegen eine KI oder einen anderen Spieler anzutreten.

-
- - - GitHub Repository - -
@@ -198,6 +198,15 @@ function TdotPage() { +
+

7. KI im Entwicklungsprozess

+
+

+ Um den knappen Zeitplan für den Tag der offenen Tür einzuhalten, habe ich für einige Code-Passagen sogenanntes "Vibe Coding" mit KI-Unterstützung angewendet. Die grundlegende Software-Architektur sowie die gezielte Auswahl der verwendeten KI-Modelle stammen jedoch vollständig von mir. +

+
+
+ );