Project Overview
VanLife is a fully interactive React web application built to simulate a modern camper-van rental platform. The app allows users to explore a catalog of vans, apply dynamic filters, and view detailed van information with preserved search parameters for a smooth browsing experience. It features real-time data fetching from a mock API, clean UI layouts, and reusable components structured around React Router’s nested routes, loaders, and layout patterns. Users can view van types, pricing, descriptions, and photos through an intuitive interface designed to mimic a real rental service.
The application also includes a dedicated host dashboard where authenticated hosts can manage their van listings. This section showcases advanced routing techniques such as nested routes, outlet context, protected routes, and persistent layout components. Hosts can switch between van details, pricing, and photo management seamlessly. Together, these features demonstrate strong competency in React fundamentals, state management, data handling, and building scalable front-end architecture suitable for real-world applications.