# A searchable volunteer directory

All five records in volunteers.csv are fictional.

Build one self-contained index.html using these exact records. Search names or skills without case sensitivity. Include an All option and a skill filter; search and filter must work together. Show a visible count and an explicit empty state. Use labeled controls, readable focus states and a layout that works on a phone. Do not add accounts, uploads, analytics, external libraries or network calls. Keep all source records unchanged.

Start by checking which files you can actually open. Work only in the approved practice folder. Explain how to open the result.

## Acceptance checks

With empty search and All skills, count five records. Search ALEX: expect Alex Chen. Search gardening: expect Alex and Morgan. Select Gardening and search Alex: expect one record. Search zzz: expect an explicit empty state. Clear search and reset All: expect five. Reload the file and check again.

## Keep

Save the CSV, brief, your editable index.html and a notes.txt listing the checks you actually ran, failures and next change. Copy the folder somewhere you control. Reopen the copied HTML with the network off. Do not mark a check passed merely because the assistant says it passed.

Report which checks you ran and what remains unverified. Creating the file does not by itself complete the task.