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.