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>
824 B
824 B
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