Systemarchitektur & API-Explorer
System Architecture & API Explorer
Analysiere die Funktionsweise meiner größten Programmierprojekte! Klicke in den Diagrammen auf die einzelnen Komponenten, um deren Details einzusehen, oder nutze den API-Explorer, um REST-Endpunkte simuliert im Swagger-Stil live abzufragen.
Analyze how my major software projects function! Click components in the diagrams to inspect their architectures, or use the API Explorer to submit simulated requests to mock endpoints Swagger-style.
Web-Frontend (Thymeleaf & CSS3)
Technologie-Stack:Technology Stack:
HTML5, CSS3, JavaScript (ES6), Thymeleaf TemplatesDie Benutzeroberfläche stellt die Rezepte, den ökologischen Fußabdruck und die Saisonalitätskalender dar. Thymeleaf rendert die Daten serverseitig in HTML. JavaScript fügt Interaktionen hinzu (wie die CO2-Ringe).
REST API-Endpunkte Simulator (Swagger Mock)
REST API Endpoint Simulator (Swagger Mock)
Wähle eine Route aus, bearbeite den Anfrage-Body bei Bedarf und klicke auf "Ausführen", um die Server-Antworten der Microservices zu simulieren.
Select a route, edit the request body if needed, and click "Execute" to mock the server responses of the microservices.
Interaktiver 3D Architektur-Graph (Canvas / WebGL Engine)
Interactive 3D Architecture Graph (Canvas / WebGL Engine)
3D Orbit ControlsDrehe den 3D-Graphen mit gedrückter Maustaste, um die Microservices, Relationalen DB-Knoten und Cloud-Schnittstellen im Raum zu betrachten. Klicke auf Knoten für Komponenten-Telemetrie.
Drag to rotate the 3D graph in real-time. Inspect microservices, databases, and API gateways in 3D perspective. Click nodes for telemetry.