import React from "react";

function WohnungUndFahrgemeinschaftenPage() {
  return (
    <section className="content-group">
      <h1 className="project-header">Wohnungs- und Fahrgemeinschaften (SAP Fiori)</h1>
      <p className="centered" style={{ marginTop: '1em' }}>
        <em>Dieses Projekt ist mein ABAP-Abschlussprojekt für die Schule und befindet sich in der Planungsphase.</em>
      </p>
      <div>
        <h2 style={{ marginTop: '2em' }}>Projektziel</h2>
        <p>
          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.
        </p>
      </div>
      <div>
        <h2 style={{ marginTop: '2em' }}>Kernfunktionen</h2>
        <div className="list-display">
          <ul className="key-points">
            <li><b>Wohnungsangebote:</b> Erstellen, Anzeigen, Bearbeiten und Löschen von Angeboten mit bis zu 5 Bildern.</li>
            <li><b>Fahrgemeinschaften:</b> Erstellen, Suchen (Listen- & Kartenansicht), Bearbeiten und Löschen von Fahrten.</li>
            <li><b>Nutzerverwaltung:</b> Anmeldung via SAP-Login mit Rollen für Schüler und Administratoren (Lehrer/Verwaltung).</li>
            <li><b>Moderation:</b> Administratoren können alle Einträge verwalten und moderieren.</li>
          </ul>
        </div>
      </div>
      <div>
        <h2 style={{ marginTop: '2em' }}>Technologie-Stack</h2>
        <div className="list-display">
          <ul className="key-points">
            <li><b>Backend:</b> SAP RAP (RESTful ABAP Programming Model)</li>
            <li><b>Frontend:</b> SAP Fiori (UI5)</li>
            <li><b>Datenmodell:</b> Core Data Services (CDS)</li>
            <li><b>API:</b> OData</li>
            <li><b>Authentifizierung:</b> SAP Single Sign-On (SSO)</li>
            <li><b>Kartenintegration:</b> OpenStreetMap</li>
          </ul>
        </div>
      </div>
    </section>
  );
}

export default WohnungUndFahrgemeinschaftenPage;