pathfinder__5712n7-bore
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
main.tsx
https://ryi--1bb3403065b911f0b4770224a6c84d84.web.val.run
(Pathfinder - Life & Goal Status At a Glance) 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 tasksPOST /api/tasks
- Create new taskGET /api/completions
- Get task completionsPOST /api/completions
- Mark task as completeGET /api/media
- Get all media itemsPOST /api/media
- Create new media itemPUT /api/media/:id
- Update media itemPOST /api/sync
- CRDT sync endpointPOST /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
- Add Tasks/Habits: Click "+ Task" to add new recurring tasks
- Track Completion: Tap circles in current week to mark complete
- Add Media: Click "+ Media" to track books, shows, etc.
- Organize Media: Drag items between status columns
- 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.