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

-
@@ -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: +

+ +
+
+ ); 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. +

+
+
+ );