Vanlife - Home Page

25. September 2023 |

Vanlife – Eine React-Router-App mit geschützten Routen

Vanlife ist eine Beispiel-React-Webanwendung, die die Verwendung von React Router und geschützten Routen demonstriert. Dieses Projekt dient als Ausgangspunkt für den Aufbau von Webanwendungen mit Authentifizierungs- und Routing-Funktionen. In dieser App haben wir eine grundlegende Struktur mit mehreren wichtigen Seiten und Funktionen implementiert:

  • Startseite
  • Host-Seite (geschützte Route) + einige geschützte Unterseiten
  • About-Seite
  • Van-Liste-Seite
  • Van-Detailseite

Einige Screenshots

Funktionen

1. Startseite

Die Startseite bietet eine Einführung in die Vanlife-App und ihren Zweck.

2. Host-Seite (geschützte Route)

Die Host-Seite ist eine geschützte Route, die Authentifizierung erfordert. Benutzer müssen sich anmelden, um auf diese Seite zugreifen zu können. Sie können den im Rahmen der App bereitgestellten Fake-Login-Mechanismus verwenden, um diese Funktion zu testen. Auf der Host-Seite gibt es einige Unterseiten wie Dashboard, Einnahmen, Host-Fahrzeuge und Bewertungen.

3. About-Seite

Die About-Seite bietet Informationen über die Ersteller der App und deren Mission.

4. Van-Liste-Seite

Die Van-Liste-Seite zeigt eine Liste verfügbarer Vans an. Benutzer können auf einen Van klicken, um weitere Details anzuzeigen.

5. Van-Detailseite

Die Van-Detailseite bietet ausführliche Informationen zu einem ausgewählten Van.

Demo

Besuchen Sie die App-Seite, um zu sehen, wie sie funktioniert.

Repository

Erfahren Sie mehr über das Projekt auf Github, indem Sie hier klicken.