MyWheels Frontend Challenge

Development

• Install the dependencies: npm install
• Run the development server: npm run dev

Assignment

Create a small application that displays a list of resources (cars) that are provided by the API. You can use the useApi method provided in src/api.js as a starting point to fetch the JSON containing the resources.

1. Display a list of resources, for each of the items in the list display at least the following information:

   • Brand
   • Model
   • Address
   • Fuel type
   • Availability
   • Rate per/hour

2. Add an input field that searches for specific resource models.

3. Create a way to filter the list on fuel type, availability, winter tires and towbar.

4. Show the number of found resources.

Optional tasks

As a bonus one of the following additional features could be added to the application.

• Convert the code to use TypeScript
• Add the option to toggle between a list view and a map view.
• Create automated tests for (a part) of the application.
• Use Next.js instead of the Vite setup.
• Add a personal touch by styling the application.
• Pitch an idea for a great additional feature and show (in rough lines) how that could be implemented.