Online Casino
++ Dieses Projekt ist derzeit in der Planungsphase. +
+Worum geht es in diesem Projekt?
++ Dieses Projekt ist mein Abschlussprojekt. Das Ziel ist es, ein Online-Casino von Grund auf zu entwickeln. + Weitere Details zum Projekt werden hinzugefügt, sobald die Planungsphase abgeschlossen ist. +
++ Welche Techniken, Technologien und Bibliotheken werde ich verwenden? +
+-
+
- + Programmiersprache: Java + +
Wohnungs- und Fahrgemeinschaften (SAP Fiori)
++ Dieses Projekt ist mein ABAP-Abschlussprojekt für die Schule und befindet sich in der Planungsphase. +
+Projektziel
++ Ziel ist die Entwicklung einer SAP-Fiori-Anwendung, die es Benutzern ermöglicht, Wohnungsangebote und Fahrgemeinschaften einfach zu verwalten. Die Applikation wird als SAP-RAP-Backend mit einem Fiori-Frontend umgesetzt. +
+Kernfunktionen
+-
+
- Wohnungsangebote: Erstellen, Anzeigen, Bearbeiten und Löschen von Angeboten mit bis zu 5 Bildern. +
- Fahrgemeinschaften: Erstellen, Suchen (Listen- & Kartenansicht), Bearbeiten und Löschen von Fahrten. +
- Nutzerverwaltung: Anmeldung via SAP-Login mit Rollen für Schüler und Administratoren (Lehrer/Verwaltung). +
- Moderation: Administratoren können alle Einträge verwalten und moderieren. +
Technologie-Stack
+-
+
- Backend: SAP RAP (RESTful ABAP Programming Model) +
- Frontend: SAP Fiori (UI5) +
- Datenmodell: Core Data Services (CDS) +
- API: OData +
- Authentifizierung: SAP Single Sign-On (SSO) +
- Kartenintegration: OpenStreetMap +
Startseite
- Hallo und danke fürs Daraufklicken! Ich bin Simon Altschäffl, 20 + Hallo und danke fürs Daraufklicken! Ich bin Simon Altschäffl, {age} Jahre alt und derzeit Schüler für Wirtschaftsinformatik an der EDV-Schule Plattling.
-
+ 
Willkommen auf meiner Website! Hier stelle ich mich detailliert vor,
präsentiere meine Projekte und teile meine Erfahrung in der
diff --git a/src/components/navigation.jsx b/src/components/navigation.jsx
index 7fdd4de..16bbb73 100644
--- a/src/components/navigation.jsx
+++ b/src/components/navigation.jsx
@@ -21,11 +21,21 @@ function Navigation() {
Wir setzen folgende(n) Hoster ein:
- MC-HOST24.de ist ein Label der Gericke KG
+ netcup GmbH
Vertretungsberechtigter Gesellschafter: Eberhard Gericke
(Komplementär)
- Telefon: +49 (0)7544 9679080
+ Telefon: +49 721 / 7540755 - 0
- Mail: info@mc-host24.de
+ Mail: mail@netcup.de
+
+ Web: www.netcup.com
Postanschrift:
- Lichtenbergstr. 53/1
+ Emmy-Noether-Straße 10
- 88677 Markdorf
+ D-76131 Karlsruhe
Deutschland
Welche Kernaufgaben erfüllt dieser Server?
-
-
- Die Bereitstellung dieser Website -
- Die Bereitstellung des JupyterHub-Servers +
- Die Bereitstellung dieser Website über Nginx +
- Die Bereitstellung des JupyterHub-Servers für Data Science und Machine Learning
-
- Die Entgegennahme des GitHub-Webhooks, um die React-Applikation
- automatisch
- via Python (Flask) zu aktualisieren. + Automatische Aktualisierung der React-Applikation durch GitHub-Webhooks + über die Flask-App
+ - Sichere Remote-Verbindung über WireGuard VPN und SSH +
- Zentrales Routing und Load Balancing durch Traefik
Wichtige Kerntechnologien
- - Docker und Docker-Compose: Um den gesamten Server so modular - wie möglich für Erweiterungen oder Veränderungen zu gestalten, habe - ich mich entschieden, jeden Prozess in einem eigenen Container zu - kapseln. Dies trägt auch dazu bei, dass die Daten nicht mehr über - den gesamten Server verteilt sind, wodurch die Fehlersuche - erleichtert wird. + Docker und Docker-Compose: Jeder Service läuft in einem eigenen Container, + was die Modularität und Wartbarkeit erhöht. Die Container-Architektur + ermöglicht eine klare Trennung der Dienste und vereinfacht das Deployment + sowie Updates.
- - React: Erstellt die Website, sodass sie von Nginx geladen - werden kann. + Traefik: Fungiert als zentraler Reverse Proxy und Load Balancer. + Traefik übernimmt das Routing der Anfragen zu den entsprechenden Services, + verwaltet SSL-Zertifikate automatisch und ermöglicht eine einfache + Integration neuer Dienste durch Docker-Labels.
- - Nginx: Wird hier sowohl als Reverse Proxy verwendet, um - JupyterHub und die Flask-App ansprechbar zu machen, als auch als - Webserver für die React-App. Nginx übernimmt in diesem Fall die - gesamte Kommunikation mit dem Client bzw. dem GitHub-Webhook. + Nginx: Dient als Webserver für die React-App und stellt die + statischen Inhalte bereit.
- - JupyterHub: Diesen nutze ich für die Verwaltung der Benutzer - und ihrer JupyterLab-Umgebungen. + JupyterHub: Ermöglicht die Verwaltung von Jupyter-Notebooks + für Data Science und Machine Learning. Benutzer können ihre eigenen + JupyterLab-Umgebungen über jupyter.simonaltschaeffl.de aufrufen.
- - Flask: Wird verwendet, um den GitHub-Webhook zu verifizieren - und anschließend die React-App sowie den zugehörigen - Docker-Container neu zu starten. Dies bietet mir die Flexibilität, - meine gesamte Homepage mit nur wenigen Klicks oder Befehlen zu - aktualisieren, ohne dass ich mich auf dem Server einloggen muss. + Flask: Verarbeitet GitHub-Webhooks und triggert automatische + Updates der React-App. Die Flask-Anwendung verifiziert die Webhook- + Authentizität und stößt den Update-Prozess an. + +
- + WireGuard VPN & SSH: Bietet sicheren Remote-Zugriff auf den + Server. WireGuard ermöglicht eine moderne, schnelle VPN-Verbindung, + während der SSH-Server sichere Terminal-Verbindungen bereitstellt. -
- Certbot: Stellt die SSL/TSL Zertifikate bereit und hält sie stets aktuell.
Diese Website
+Routing und Zugriff
- Diese Website ist eine einfache React-Applikation, die unter - [www.]simonaltschaeffl.de erreichbar ist. Um darauf zuzugreifen, wird - eine einfache Anfrage an Nginx gesendet, welcher die Seite aus dem - HTML innerhalb seines Containers abruft und an den Client sendet. + Alle Anfragen werden zunächst von Traefik empfangen und basierend auf der + Domain an die entsprechenden Services weitergeleitet. Die Website ist unter + simonaltschaeffl.de erreichbar, wobei Traefik die Anfragen an den + Nginx-Container weiterleitet, der die React-Applikation bereitstellt.
JupyterHub & JupyterLab
- Hierauf gelangt man über die Subdomain jupyter.simonaltschaeffl.de. Um - dorthin geroutet zu werden, wird Nginx als Reverse Proxy verwendet. - Sobald man sich eingeloggt hat, wird ein JupyterLab-Container mit - Data-Science-Tools und Libraries wie Pandas, TensorFlow, NumPy etc. - erstellt, welche ich für Experimente mit Machine Learning bzw. - künstlicher Intelligenz oder Titanic Competitions von Kaggle verwende. + Der JupyterHub-Service ist über jupyter.simonaltschaeffl.de erreichbar. + Traefik leitet die Anfragen an den JupyterHub-Container weiter, der die + Benutzerauthentifizierung und Container-Verwaltung übernimmt. Nach erfolgreicher + Anmeldung wird ein persönlicher JupyterLab-Container mit Data-Science-Tools + wie Pandas, TensorFlow, NumPy etc. gestartet, der für Machine Learning + Experimente und Datenanalysen genutzt werden kann. +
+ +Sicherheit und Remote-Zugriff
++ Der sichere Remote-Zugriff wird durch eine Kombination aus WireGuard VPN + und SSH gewährleistet. WireGuard bietet eine moderne, effiziente + VPN-Lösung, während der SSH-Server sichere Terminal-Verbindungen für + Wartungsarbeiten ermöglicht. Die Verwaltung erfolgt über einen + dedizierten Admin-Zugang.
Ideen für die Zukunft des Servers
-
-
- - Die Trennung von React und dem Nginx-Hauptcontainer mithilfe eines - eigenen Nginx-Servers und Reverse Proxys - -
- Erweiterung mit neuen/eigenen Services +
- Integration weiterer Dienste durch einfache Erweiterung der Traefik-Konfiguration +
- Implementierung eines Monitoring-Systems für bessere Überwachung der Services +
- Automatisierung der Backups und Disaster Recovery Prozesse +
- Erweiterung der JupyterHub-Umgebung mit zusätzlichen Data Science Tools