claude-code-first-project/prompts/04-add-due-dates.md

Prompt 04: Add Due Dates

Copy and paste this into Claude Code:

Add due dates to the todo app. Requirements:

- Optional date picker when adding a task
- Due date displayed next to each task in a subtle format (e.g., "Mar 20")
- Overdue tasks highlighted with a red accent (text or border, not the whole background)
- Tasks due today highlighted with an amber accent
- Sort option: by date added (default) or by due date
- Tasks without a due date sort to the bottom when sorting by due date
- Due dates saved in localStorage
- Keep the existing design, categories, and search working

What to Expect

• A date picker appears in the task input area
• Tasks show their due date on the right side
• Overdue tasks get a red indicator
• A sort toggle lets you switch between "added" and "due date" order