open/claude-code-first-project
1
0
Fork 0
Code Activity Actions
claude-code-first-project/prompts/04-add-due-dates.md
Kjell Tore Guttormsen ec708ba943 Initial commit: todo app guide with 5 prompts and examples 
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>
2026-03-15 16:04:07 +01:00

816 B
Raw Blame History

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