ec708ba943
Complete companion repo for "Your First Hour with Claude Code" article. Includes step-by-step prompts, example output, troubleshooting, and cost guide. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
25 lines
824 B
Markdown
25 lines
824 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
|