feat: full-featured Task Manager app

[AshlinJoshy]

Summary

• Complete React + TypeScript task manager built with Vite + Tailwind CSS + @dnd-kit
• All state persisted to localStorage (no backend required)
• Clean build with zero TypeScript errors

Features implemented

#	Feature	Details
1	Projects	Create projects with custom color picker; delete moves tasks to "Other"
2	Tasks under projects	Each project is a column; tasks live inside projects
3	Task fields	Title, description, due date, category (Short < 1hr / Long 1+hr), priority
4	Completed tasks	Checkbox completes a task; records exact timestamp e.g. Apr 27, 4:05 PM
5	Priority levels	High / Medium / Low with color-coded badges
6	Drag & drop	@dnd-kit — drag tasks within a project column or across projects
7	Unscheduled tasks	Toggle "Unscheduled" in modal; shows in sidebar Unscheduled view
8	Date filters	Sidebar views: All, Today, Tomorrow, This Week, Overdue, Unscheduled with live counts
+	Filter bar	Filter by status (Active / Completed / All), Priority, and Category

File structure

src/
  types/index.ts          — Task, Project, Priority, Category, Filter types
  hooks/useTaskManager.ts — All state + localStorage persistence
  utils/dateUtils.ts      — Date formatting & filter matching
  components/
    Sidebar.tsx           — Project nav + date filter views
    ProjectBoard.tsx      — DnD context + column layout
    ProjectColumn.tsx     — Droppable column per project
    TaskCard.tsx          — Sortable card with drag handle
    TaskModal.tsx         — Create/edit modal
    FilterBar.tsx         — Status/priority/category chips
  App.tsx                 — Root wiring

Test plan

• Create a project with a color
• Add tasks with different priorities, categories, and due dates
• Mark a task complete — verify timestamp appears (e.g. Apr 28, 2:30 PM)
• Drag a task within the same project column to reorder
• Drag a task to a different project column
• Add an unscheduled task and verify it appears in the Unscheduled sidebar view
• Click "Today" in sidebar — only today's tasks show with count badge
• Filter by High priority — only high priority tasks visible
• Delete a project — its tasks move to "Other"
• Refresh the page — all data persists via localStorage

https://claude.ai/code/session_015LdvL6ZVhzMQDH1CGB6Qxa

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
task-manager2	Ready	Preview, Comment	Apr 28, 2026 7:55am