23 lines
822 B
Markdown
23 lines
822 B
Markdown
# Prompt 03: Add Search
|
|
|
|
Copy and paste this into Claude Code:
|
|
|
|
```
|
|
Add a search bar to the todo app. Requirements:
|
|
|
|
- Search input at the top, above the category filter buttons
|
|
- Filters tasks in real time as the user types (no search button needed)
|
|
- Searches both the task text and the category name
|
|
- Works together with the category filters (search within the active category)
|
|
- Subtle search icon or placeholder text "Search tasks..."
|
|
- Clear button (x) to reset the search
|
|
- If no tasks match, show a "No tasks found" message
|
|
- Keep the existing design
|
|
```
|
|
|
|
## What to Expect
|
|
|
|
- A search field appears at the top of the app
|
|
- Typing immediately filters the visible tasks
|
|
- Search combines with category filters (search "meeting" in "Work" category)
|
|
- Clearing the search shows all tasks in the current filter again
|