A simple app to help you find perfect van for your perfect road tip. See live version here.
It's SPA (Single Page Application), all the content is rendered on the client side (browser).
- React
- React Router
- Nested Routing, Shared Layout, Relative Paths
- Outlet, useContextOutlet
- Search Params / Query parameters
- useLocation (Its a hook that returns the location object that represents the current URL. You can think about it like a useState that returns a new location whenever the URL changes.)
- Protected Routes - FDCP
- CSS
- React Icons
- MirageJS
- Vercel
- Responsive design
- Active nav link styling
- Filter by van type
- Nested Routes (multiple level deep)
- Protected Routes
- Authentication (login) to access host pages
- miragejs for mock API
NOTE:
- Host pages should be accessed after login. For the sake of simplicity use: Email: 123 Password: 123
- Add more filters
- Add more vans
- Make "rent this van" button functional (add payment method)