# Focus Desk

A polished, responsive task management web app built with vanilla HTML, CSS and JavaScript — no frameworks or external dependencies.

## Running

```bash
python3 -m http.server
```

Then open http://localhost:8000 in your browser.

## Manual Verification Checklist

### Creating tasks
1. Click the **Title** field and submit with an empty or whitespace-only value → error message appears, task is not added.
2. Enter a title and click **Add Task** → task appears in the list immediately.
3. Fill all fields (title, notes, priority, due date) → task shows priority badge and due date.

### Task operations
4. Click the checkbox on a task → it toggles to completed (strikethrough) and re-click restores it.
5. Click the pencil (edit) button → modal opens pre-filled with the task's data.
6. Edit the title, change priority/due, click **Save Changes** → task updates inline.
7. Click **Cancel** in edit modal → modal closes, no changes saved.
8. Click the trash (delete) button → task is removed immediately.

### Search and filters
9. Type part of a task title in the search box → only matching tasks shown.
10. Type text that matches a note but not the title → task is still shown (searches both).
11. Change Status filter to "Active" → completed tasks hidden; change to "Completed" → only done tasks shown.
12. Change Priority filter to "High" → only high-priority tasks shown.
13. Combine search + status filter + priority filter → results respect all three simultaneously.
14. Filter/search to zero results → empty-state message visible with helpful text.

### Persistence
15. Add tasks, then reload the page → tasks are still there.
16. Toggle completion and reload → completion state persists.
17. Open DevTools → Application → Local Storage → manually corrupt the JSON → reload → app shows empty list without errors.

### Counts
18. The header shows correct Total / Active / Completed counts at all times.

### Responsiveness
19. Resize browser to ~390px wide → layout stacks to single column, no horizontal scrollbar.
20. At 1440px → two-column layout with form on left, tasks on right.