Zum Inhalt

LuxFleet Manager

Modul: M295 – Backend für Applikationen
Autor: Lars Hellstern
Datum: März 2026
Technologie-Stack: Node.js · Express · MongoDB (NoSQL) · REST API

Projektbeschreibung

LuxFleet Manager ist eine webbasierte Flottenmanagement-Applikation für Luxusautovermietungen im B2B-Bereich. Mitarbeitende und Flottenmanager erhalten eine zentrale Übersicht über alle Fahrzeuge, deren aktuellen Status, Standort, technische Daten sowie die komplette Vermietungshistorie.

Modulbezug

Dieses Projekt wird im Rahmen des Moduls M295 – Backend für Applikationen mit Node.js und einer RESTful API realisiert.

Zielgruppe

Rolle Zugang Aufgaben
Flottenmanager Vollzugriff Fahrzeuge verwalten, Vermietungen steuern
Sachbearbeiter Lesend + Buchen Vermietungen erfassen, Kunden zuweisen
Techniker Lesend Wartungsstatus einsehen

Wireframes

Die Wireframes wurden als Low-Fidelity Prototypen konzipiert, um die Struktur und Navigation vor der Implementierung zu validieren.

Screen 1 – Dashboard

Wireframe Dashboard

Beschreibung: Das Dashboard ist der Einstiegspunkt der Applikation. Es zeigt auf einen Blick die wichtigsten KPIs (Auslastung, Umsatz, verfügbare Fahrzeuge), eine GPS-Karte mit Live-Standorten aller Fahrzeuge sowie aktuelle Warnmeldungen (überfällige Rückgaben, anstehende Servicetermine).

Enthaltene Elemente:

  • KPI-Cards: Fahrzeuge total, aktuell vermietet, verfügbar, in Wartung, Umsatz MTD
  • Live-Karte mit farbigen GPS-Pins (🔴 Vermietet · 🟢 Verfügbar · 🟡 Wartung)
  • Auslastungs-Balkendiagramm (7-Tage-Verlauf)
  • Alert-Liste für kritische Ereignisse

Screen 2 – Fahrzeug-Detail

Wireframe Fahrzeug Details

Beschreibung: Vollständige Detailansicht eines einzelnen Fahrzeugs. Zeigt alle technischen Daten, ein Fahrzeugfoto, die vollständige Vermietungshistorie sowie den aktuellen Wartungsstatus. Über Aktionsbuttons kann das Fahrzeug direkt bearbeitet, vermietet oder für die Wartung gemeldet werden.

Enthaltene Elemente:

  • Fahrzeugfoto (Upload-Bereich)
  • Technische Daten: Marke, Modell, Kennzeichen, Farbe, PS, Hubraum, Baujahr, km-Stand, Standort
  • Vermietungshistorie als Tabelle (Zeitraum, Kunde, gefahrene km, Preis, Status)
  • Wartungsinfo: letzte/nächste Inspektion, Reifenwechsel, Ölwechsel
  • Aktionen: Bearbeiten, Vermieten, Wartung melden, Archivieren

Screen 3 – Vermietungs-Detail

Wireframe Vermietungs Details

Beschreibung: Übersicht aller Mietverträge mit Filter- und Suchfunktion. Jede Vermietung ist mit Fahrzeug, Kunde, Zeitraum, Tages- und Gesamtpreis sowie aktuellem Status aufgeführt. Neue Vermietungen können direkt von dieser Ansicht aus erfasst werden.

Enthaltene Elemente:

  • Filterleiste: Zeitraum, Fahrzeug, Kunde, Status
  • Tabelle: ID, Fahrzeug, Kunde, Von, Bis, Preis/Tag, Gesamtpreis, Status (farbig)
  • Button „+ Neue Vermietung"
  • Paginierung

Screen 4 – Neues Fahrzeug hinzufügen

Wireframe Neues Fahrzeug

Beschreibung: Formular zur Erfassung eines neuen Fahrzeugs in der Flotte. Alle relevanten technischen und administrativen Felder sind vorhanden. Ergänzt wird das Formular durch einen Foto-Upload per Drag & Drop sowie die Möglichkeit, wichtige Fahrzeugdokumente direkt hochzuladen.

Enthaltene Elemente:

  • Pflichtfelder: Marke, Modell, Baujahr, Kennzeichen, Farbe, PS, Hubraum, Getriebe, Antrieb, km-Stand, Standort, Tagesmietpreis
  • Freitextfeld für Bemerkungen und Sonderausstattung
  • Foto-Upload (Drag & Drop)
  • Dokumenten-Upload: Fahrzeugausweis, Versicherungspolice, Kaufvertrag
  • Buttons: Speichern / Abbrechen

Geplante API-Endpunkte (Node.js / Express)

```text GET /api/vehicles → Alle Fahrzeuge GET /api/vehicles/:id → Einzelnes Fahrzeug POST /api/vehicles → Fahrzeug erfassen PUT /api/vehicles/:id → Fahrzeug aktualisieren DELETE /api/vehicles/:id → Fahrzeug archivieren

GET /api/rentals → Alle Vermietungen GET /api/rentals/:id → Einzelne Vermietung POST /api/rentals → Neue Vermietung erstellen PUT /api/rentals/:id → Vermietung anpassen

GET /api/vehicles/:id/history → Vermietungshistorie GET /api/dashboard/kpis → KPI-Daten für Dashboard