Overview
Checkmate is a focused task management app with AI-assisted breakdown. It was built in response to a specific frustration: most task apps are either too complex, requiring accounts and syncing, or too simple to handle tasks that have genuine subtasks and dependencies. Checkmate sits in the middle.
No account required. No cloud sync. Everything lives in LocalStorage and works offline by default. The AI layer is a feature, not a requirement.
Core Features
- Offline-first architecture using LocalStorage for full persistence
- AI-assisted task breakdown: paste a goal, get a structured subtask list
- Seasonal list themes with automatic switching based on date
- Haptic feedback on task completion for satisfying mobile interactions
- Custom list creation with emoji labels and colour coding
- Priority flagging with visual hierarchy in the task view
- Zero account requirement, zero network dependency for core function
AI Integration
The AI breakdown feature connects to a language model API and takes a high-level goal as input. It returns a structured list of actionable subtasks that the user can accept wholesale, trim, or reorder before adding to their list. The goal was to remove the friction of staring at a blank input field when a project feels too large to start.
The AI layer is entirely optional. If the API is unavailable or the user skips it, Checkmate works identically. The app never depends on a network call for its core task management functionality.
UX Design Philosophy
The onboarding is a single name prompt. After that, the user is in the app. There are no tutorial tooltips, no feature tours, and no empty-state copy that explains how to use a task app. The interactions are standard enough that discovery happens naturally.
The decision to use haptic feedback for task completion came from observing how unsatisfying a visual checkmark alone feels on mobile. The combination of animation, sound, and haptic creates a moment of completion that encourages finishing tasks rather than just adding more.
Technical Implementation
Checkmate is a React application built with a context-based state management approach. All task data, list definitions, and user preferences are serialised to LocalStorage on every state change and rehydrated on mount. The storage layer is abstracted behind a custom hook so the backing store could be swapped to IndexedDB or a sync API without touching component logic.
