VanLife is a React-based web application that allows users to explore and manage camper van listings. It's designed to mimic a real-world product listing and dashboard experience, utilizing React Router v6+, dynamic routes, nested routes, and stateful navigation.
- 🔗 Client-side routing with React Router v6
- 🧭 Nested routes with dynamic parameters
- 🗂 Filter vans by type (e.g., Luxury, Rugged, Simple)
- 🧑💼 Host dashboard with tabs (Income, Reviews, Vans, etc.)
- 🧠 State-preserving navigation using
stateandsearchParams - 💾 Data loading via mock
/apiendpoints - 🔁 Persistent search filters with URL parameters
- ⚛️ Component reusability and prop-driven UI
- 🎯 Responsive and mobile-friendly design
- React (Hooks + Functional Components)
- React Router DOM v6.17+
- CSS Modules / Custom styling
- Local JSON API mock (static data simulation)
- Deployed with Netlify