Vanlife is a sample React web application that demonstrates the use of React Router and protected routes. This project serves as a starting point for building web applications with authentication and routing capabilities. In this app, we have implemented a basic structure with several key pages and features:
- Home Page
- Host Page (Protected Route) + Some protected subpages
- About Page
- Van List Page
- Van Detail Page
Additionally, Vanlife includes a fake login mechanism to test the protected host route.
The Home Page provides an introduction to the Vanlife app and its purpose.
- The Host Page is a protected route that requires authentication. Users must log in to access this page. You can use the fake login mechanism provided in the app to test this feature.
- Inside the host page there are some subpages such as dashboard, incomes, hosts vans and reviews.
The About Page offers information about the app's creators and its mission.
The Van List Page displays a list of available vans. Users can click on a van to view more details.
The Van Detail Page provides in-depth information about a selected van.
Visit the app page to see how it works.
This project was inspired by the Scrimba Vanlife web app. Special thanks to Scrimba for their educational resources.
If you have any questions or suggestions, feel free to contact me at [email protected].