Life Status - At a Glance PWA

A personal dashboard for tracking tasks, habits, and media consumption with offline support and syncing capabilities.

• Weekly grid view showing completion status
• Support for multiple completions per week
• Visual indicators with color coding
• Notes for each completion

• Organize by status: inbox, upcoming, in progress, on hold, completed
• Group by social context: solo, with wife, with friends, etc.
• Support for books, movies, TV shows, podcasts, games, articles, courses
• Progress tracking and ratings

• PWA with offline functionality
• CRDT-based conflict resolution
• Audit logging for data integrity
• Background sync when online

• Responsive design for iPhone use
• Touch-friendly interface
• PWA installable on home screen
• Smooth animations and interactions

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   └── index.ts             # Hono API server
├── frontend/
│   ├── components/          # React components
│   │   ├── App.tsx         # Main app component
│   │   ├── TaskGrid.tsx    # Task tracking grid
│   │   ├── MediaGrid.tsx   # Media tracking grid
│   │   └── *.tsx           # Modal components
│   ├── index.html          # PWA manifest
│   ├── index.tsx           # React entry point
│   ├── manifest.json       # PWA manifest
│   └── sw.js               # Service worker
├── shared/
│   └── types.ts            # Shared TypeScript types
└── main.tsx                # Val Town entry point

• GET /api/tasks - Get all tasks
• POST /api/tasks - Create new task
• GET /api/completions - Get task completions
• POST /api/completions - Mark task as complete
• GET /api/media - Get all media items
• POST /api/media - Create new media item
• PUT /api/media/:id - Update media item
• POST /api/sync - CRDT sync endpoint
• POST /api/devices/register - Register device

• Backend: Hono + SQLite (Val Town)
• Frontend: React 18 + TypeScript
• Styling: Tailwind CSS
• PWA: Service Worker + Manifest
• Sync: CRDT with vector clocks
• Storage: SQLite with audit logging

1. Add Tasks/Habits: Click "+ Task" to add new recurring tasks
2. Track Completion: Tap circles in current week to mark complete
3. Add Media: Click "+ Media" to track books, shows, etc.
4. Organize Media: Drag items between status columns
5. Offline Use: App works offline and syncs when back online

• Support for weekly frequency (1x, 2x, 3x per week)
• Color coding and categorization
• Completion tracking with notes

• Type: book, movie, TV show, podcast, game, article, course
• Status: inbox → upcoming → in progress → on hold → completed/abandoned
• Social groups: solo, with wife, with friends, with family
• Metadata: author, director, genre, progress, ratings

• CRDT operations for conflict-free replication
• Vector clocks for ordering
• Audit logs for debugging
• Device registration and management

The app is designed to be information-dense yet beautiful, perfect for quick daily check-ins on your life status.