Willkommen! Dieses Dokument gibt einen Überblick über die Ordnerstruktur im Verzeichnis unseres Projekts. Das Projekt basiert auf dem MERN-Stack (MongoDB, Express.js, React, Node.js) und ist modular aufgebaut.

Dieser Ordner ist relativ uninteressant, da er nur Templates für das Login und ein altes Terminal enthält.

Dieser Ordner enthält Templates für die unteren Seitenteile (Footer) jeder Seite. Hier finden sich rechtliche Hinweise, Links oder Kontaktinformationen.

Hier liegen Templates für Navigationsleisten. Diese definieren die Navigation innerhalb der Anwendung und sind für jede Seite spezifisch.

Der wichtigste Ordner des Projekts! Hier finden sich die Templates für öffentlich zugängliche Seiten, die für alle Benutzer sichtbar sind. Die Dateien im Detail:

• 404.js: Fehlerseite, die angezeigt wird, wenn eine Seite nicht gefunden wird. Änderungen hier sind uninteressant.
• about.js: Seite über das Team. Eine detaillierte Erklärung zur Bearbeitung dieser Datei finden Sie weiter unten.
• home.js: Startseite der Anwendung, die den ersten Eindruck vermittelt.
• impressum.js: Rechtlich erforderliche Impressumsseite.
• privacyPolicies.js: Seite mit den Datenschutzrichtlinien. Diese ist besonders wichtig für die Einhaltung gesetzlicher Vorgaben.

• Navbar und Footer: Diese werden aus den jeweiligen Ordnern navbars und footers eingebunden.
• Bilder und Videos: Bilder (about.webp, coaches.webp, etc.) und ein Video (roboter.mkv) werden aus dem media-Verzeichnis importiert.
• CSS-Datei: Das Styling erfolgt über die Datei home.css.

• Der Haupt-Container hat die Klasse about.
• Die Seite ist in verschiedene Abschnitte (div mit der Klasse info) unterteilt, die jeweils aus einem Titel (<h3>), Text (<p>) und optional einem Bild (<img>) oder Video bestehen.

• Textinhalte bearbeiten: Ändern Sie die <p>-Inhalte, um den Text zu aktualisieren. Achten Sie darauf, HTML-Tags korrekt zu verwenden.
• Bilder aktualisieren: Um ein Bild auszutauschen, ersetzen Sie den Importpfad (BildX) und die src-Eigenschaft des entsprechenden <img>-Tags.
• Neuen Abschnitt hinzufügen: Kopieren Sie ein bestehendes info-Element, ändern Sie die Inhalte, und importieren Sie ggf. zusätzliche Bilder oder Videos.

• Bild- und Videopfad: Stellen Sie sicher, dass die Dateien im media-Verzeichnis vorhanden sind.
• Styling: Änderungen an der Darstellung können in der home.css vorgenommen werden.