React + Vite

for development mode:

1. npm install
2. npm run dev

to test a build:

1. vite build
2. vite preview note: you may need to install a vite cli on your machine

this project uses Mapbox for the map feature. To view the map locally:

1. add .env to your root directory
2. add VITE_MAPBOX_TOKEN="your_token"

Things I would improve:

• Filtering sensor by name performance. Search by name would happen as a query to the server, not in the browser memory

• Debounce the input update to reduce useEffect calls

• Typescript

• More state linkage between the map selector and the Sensor List

Testing happy paths:

• The user types the name of a sensor and the sensor list shows matches, regardless of case

• The user clicks 1+ tag names and sensor list shows only sensors which contain that tag

• The user clicks on a sensor in the sensor list, and the sensor metadata populates in the widget

• The user clicks Edit on the sensor metadata widget, and the fields are editable.

• The user edits a form, clicks save, and the updates are persisted to local state

• On the map, the user draws a polygon around an area (washington DC or NYC), and it populates with sensors within the geo region