andsnpl / wmi-react-app

A barebones React app to render WMI data.

Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Runs a set of basic tests for the app.

Tasks

• Move honda_wmi.json file's content to a backend API written in C# & ASP.NET Core 3.1
  • Data must be retrieved from the API and rendered instead of from the local browser
  • A spinner or a Loading... text must appear while the request is in flight
• Style table element that displays WMI table
• Render data sorted by CreatedOn and then by WMI
• Introduce a search box to accept user input, filter and render data
• Introduce a Select control to group by country
  • By default View All option must be selected, rendering all records
  • Distinct countries must be available for user selection
  • On selecting a country, data must be filtered down to just the country
  • Search and Country selection must work together