claude-code-first-project/prompts/03-add-search.md

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