undefined

[Phase goal description]. Specifically:
1. [Task 1 with details]
2. [Task 2 with details]
3. [Task 3 with details]

Stop after completing these tasks so I can review before continuing.

undefined

Implement [Feature Name].

Requirements:
1. [Specific requirement with details]
2. [Specific requirement with details]
3. [Specific requirement with details]

Technical notes:
- [Relevant constraint or approach]
- [Relevant constraint or approach]

Create a checkpoint when complete so I can review before the next phase.

undefined

undefined

Phase N: [Entity] Management
1. Database model and migrations
2. API endpoints (list, create, read, update, delete)
3. List view with table/cards
4. Create/edit form (modal or page)
5. Delete with confirmation

Deliverables:
- [ ] Can create new [entity]
- [ ] Can view list of [entities]
- [ ] Can edit existing [entity]
- [ ] Can delete [entity]

Phase 1: Authentication Setup
1. Configure auth provider (Supabase/Clerk/etc.)
2. Create signup page with form
3. Create login page with form
4. Add protected route wrapper
5. Add user context/hook
6. Add logout functionality

Deliverables:
- [ ] New user can sign up
- [ ] Existing user can log in
- [ ] Protected pages redirect to login
- [ ] User can log out

Phase N: Dashboard
1. Create dashboard layout
2. Add metric cards with data fetching
3. Add recent activity list
4. Add quick action buttons
5. Implement responsive grid

Deliverables:
- [ ] Dashboard loads with correct data
- [ ] Metrics update when data changes
- [ ] Recent activity shows latest items
- [ ] Layout works on mobile

Phase N: [Service] Integration
1. Set up environment variables for API keys
2. Create service wrapper/client
3. Implement core integration function
4. Add error handling for API failures
5. Connect to UI trigger point

Deliverables:
- [ ] API key configuration works
- [ ] Integration function returns expected data
- [ ] Errors handled gracefully
- [ ] UI reflects integration state

undefined

Set up a Todo app with React, Vite, TailwindCSS, Express, and SQLite with Prisma.

1. Initialize React + Vite project
2. Add TailwindCSS configuration
3. Create Express backend with /api prefix
4. Set up Prisma with SQLite
5. Create models:
   - Category: id (uuid), name (string), color (string)
   - Todo: id (uuid), title (string), completed (boolean), due_date (date nullable), category_id (uuid nullable, FK)
6. Create basic app layout with header showing "Todo App"

Stop when the shell runs and database migrates successfully.

Implement category management for the Todo app.

1. Create API endpoints:
   - GET /api/categories - list all
   - POST /api/categories - create new
   - PUT /api/categories/:id - update
   - DELETE /api/categories/:id - delete

2. Create sidebar showing category list with colored dots
3. Add "New Category" button that opens modal
4. Modal has: name input, color picker (preset colors), save/cancel
5. Category item has edit and delete buttons
6. Delete shows confirmation before removing

Use a simple color picker with 8 preset colors.

Stop when categories can be created, edited, and deleted.

Implement todo management with category assignment and due dates.

1. Create API endpoints:
   - GET /api/todos?category_id=x - list todos, optional filter
   - POST /api/todos - create
   - PUT /api/todos/:id - update
   - DELETE /api/todos/:id - delete

2. Main area shows todo list:
   - Checkbox to toggle complete (strikethrough when done)
   - Title text
   - Category badge (colored)
   - Due date badge (red if overdue)
   - Edit/delete buttons on hover

3. Add todo form at top:
   - Title input (required)
   - Category dropdown (optional)
   - Due date picker (optional)

4. Click category in sidebar to filter todos (highlight selected)
5. Edit todo opens modal with all fields editable

Sort todos: incomplete first, then by due date (soonest first).

Stop when todos can be fully managed with categories and dates.

Add search functionality and polish the UX.

1. Add search input in header (right side)
2. Search filters todos by title (case-insensitive, client-side)
3. Add empty states:
   - No todos: "No todos yet. Add one above!"
   - No results: "No todos match your search"
   - No category selected + no todos: "Select a category or add a todo"

4. Add loading spinner for initial data fetch
5. Add error toast for API failures
6. Responsive adjustments:
   - Mobile: hide sidebar, add hamburger menu
   - Sidebar overlays on mobile when menu open

Test all flows and fix any visual issues.

This is the final phase - ensure everything works smoothly.

undefined

undefined

[Prompt]

[Prompt]

undefined