A React-based weekly schedule application for managing recurring responsibilities and delegating tasks with client-side routing using wouter.

• Manage Responsibilities: Create and manage recurring responsibilities with flexible scheduling
• Delegate Tasks: Assign responsibilities to team members for specific weeks
• Calendar View: Visual weekly calendar with navigation and task management
• Client-Side Routing: Proper URLs for each page with browser back/forward support using wouter

• React 18.2.0 with TypeScript
• Wouter for client-side routing with URL support
• TailwindCSS for styling
• Modern, minimal design

• Hono API framework
• SQLite database
• RESTful API endpoints
• SPA routing support

• / - Calendar view (default)
• /responsibilities - Manage responsibilities
• /delegation - Delegate tasks

Responsibilities Table:

• id, createdAt, updatedAt
• name (string)
• days (weekdays/weekends/every day)
• startTime, endTime (nullable)
• status (active/archived)

Tasks Table:

• id, responsibilityId (foreign key)
• date, owner (Jeff/Tara)
• notes (text field)

├── backend/
│   ├── database/
│   │   ├── migrations.ts
│   │   └── queries.ts
│   ├── routes/
│   │   ├── responsibilities.ts
│   │   └── tasks.ts
│   └── index.ts
├── frontend/
│   ├── components/
│   │   ├── App.tsx
│   │   ├── ResponsibilitiesPage.tsx
│   │   ├── DelegationPage.tsx
│   │   └── CalendarPage.tsx
│   ├── index.html
│   └── index.tsx
└── shared/
    └── types.ts

The app consists of three main views:

• Visual weekly calendar showing all assigned tasks
• Navigate between weeks with Previous/Next buttons
• Click "Current Week" to jump back to today
• Click on any task to edit notes
• Color-coded assignments (Jeff = blue, Tara = green)
• Shows responsibility name, time, owner, and notes

• Create and manage recurring responsibilities
• Set name, days (weekdays/weekends/every day), and optional time slots
• Edit existing responsibilities
• Archive responsibilities when no longer needed

• Assign responsibilities to team members for specific weeks
• Select any week using the date picker
• Grid view showing all responsibilities vs. days of the week
• Only shows relevant days based on responsibility settings
• Bulk save all assignments for the week

1. Start by creating responsibilities in the "Responsibilities" page
2. Use the "Delegation" page to assign tasks for upcoming weeks
3. View and manage the schedule in the "Calendar" view

• GET /api/responsibilities - Get all active responsibilities
• POST /api/responsibilities - Create new responsibility
• PUT /api/responsibilities/:id - Update responsibility
• DELETE /api/responsibilities/:id - Archive responsibility
• GET /api/tasks/week?start=YYYY-MM-DD&end=YYYY-MM-DD - Get tasks for week
• POST /api/tasks - Create new task assignment
• PUT /api/tasks/:id - Update task (owner/notes)
• PUT /api/tasks/by-responsibility/{responsibilityId}#{date} - Create or update task by responsibility and date (upsert)
• DELETE /api/tasks/:id - Delete task assignment

The app now supports a unified PUT endpoint for creating or updating tasks:

• Endpoint: PUT /api/tasks/by-responsibility/{responsibilityId}#{date}
• Format: The ID is formatted as {responsibilityId}#{date} (e.g., 1#2024-01-15)
• Behavior: Creates a new task if it doesn't exist, updates if it does
• Body: { "owner": "Jeff" | "Tara", "notes": "optional notes" }

This simplifies the delegation workflow by eliminating the need to check for existing tasks before creating or updating them.