📋 Cascade User Guide
Master your productivity with this comprehensive guide to all features
v2.0
Multi-Board
Material Design 3
WCAG Compliant
🆕 What's New in v2.0
✨ Multi-Board Support
- Create unlimited boards
- Switch between projects instantly
- Rename and organize boards
- Import/export across boards
♿ Enhanced Accessibility
- Full keyboard navigation
- Screen reader support
- WCAG 2.1 AA compliant
- Keyboard drag & drop
🚀 Quick Start
🔒 Privacy First: Cascade runs entirely in your browser. Your data stays on your device - nothing is sent to any server.
📝 Create Your First Task
- Type your task in the input field at the top
- Click "Add Task" or press Enter
- Your task appears in the "To Do" column
📋 Create Your First Board
- Click the board dropdown in the header
- Select "New Board"
- Enter a name like "Work Projects"
- Start adding tasks to your new board
📋 Multi-Board Management
➕ Creating Boards
- Click the board dropdown
- Select "New Board"
- Enter a descriptive name
- Start adding tasks immediately
🔄 Switching Boards
- Use the board dropdown in header
- See task counts for each board
- Current board is highlighted
- Switch instantly between projects
⚙️ Managing Boards
- Click "Manage Boards" in dropdown
- Rename boards as needed
- Delete unused boards
- Default board cannot be deleted
💡 Pro Tip: Create separate boards for different areas of your life - Work, Personal, Projects, etc.
⚡ Task Management
📝 Adding Tasks
- Type in the input field at the top
- Press Enter or click "Add Task"
- Tasks are added to the current board
- Maximum 200 characters per task
✏️ Editing Tasks
- Click the edit button (✏️) on any task
- Modify the task text
- Press Enter to save
- Press Escape to cancel
🚚 Moving Tasks
- Drag & Drop: Drag between columns
- Keyboard: Select task, press 1/2/3
- Space Bar: Start keyboard drag mode
- Arrow Keys: Navigate between columns
- Action Buttons: Click status icons
🗑️ Deleting Tasks
- Click the delete button (🗑️)
- Confirm deletion in the modal
- Use Ctrl+Z to undo (50 actions)
- Or archive completed tasks instead
📊 Kanban Workflow
📋
To Do
Tasks you haven't started yet. New tasks automatically appear here.
⚡
In Progress
Tasks you're actively working on. Move here when you start work.
✅
Done
Completed tasks. Archive these periodically to keep organized.
⌨️ Keyboard Shortcuts
💡 Quick Access: Press ? or Ctrl+/ in the app to see all shortcuts!
Task Management
N | Create new task |
Enter | Edit selected task |
Delete | Delete selected task |
Backspace | Delete selected task |
Navigation
↑ | Select previous task |
↓ | Select next task |
← | Navigate to left column |
→ | Navigate to right column |
Escape | Clear selection / Close modals |
Task Status
1 | Move to To-Do |
2 | Move to In Progress |
3 | Move to Done |
Space | Start keyboard drag |
Application
Ctrl+S | Export tasks |
Ctrl+O | Import tasks |
Ctrl+Z | Undo last action |
Ctrl+Shift+Z | Redo last action |
? | Show shortcuts |
Ctrl+/ | Show shortcuts |
📝 Note: Keyboard shortcuts work when not typing in input fields. Click outside inputs or press Escape to enable shortcuts.
💾 Data Management
↓ Import Data
- Click "Import Tasks" in header
- Select a JSON backup file
- Choose merge or replace options
- Supports multi-board imports
- Maximum file size: 5MB
↑ Export Data
- Click "Export Tasks" in header
- Choose current board or all boards
- Downloads JSON backup file
- Includes all task data and metadata
- Compatible with future versions
💡 Backup Strategy: Export your data regularly to avoid losing tasks if you clear browser data.
🎛️ Header Controls
📦
Archive
Move completed tasks to storage
Move completed tasks to storage
⚙️
Settings
Configure app preferences
Configure app preferences
↓
Import
Upload JSON backup file
Upload JSON backup file
↑
Export
Download tasks as JSON backup
Download tasks as JSON backup
+
New Task
Focus the input field
Focus the input field
📋
Board Selector
Switch and manage boards
Switch and manage boards
♿ Accessibility Features
Screen Reader Support
- ARIA labels and descriptions
- Live region announcements
- Semantic HTML structure
- Proper heading hierarchy
Keyboard Navigation
- Full keyboard accessibility
- Visible focus indicators
- Skip navigation links
- Logical tab order
Visual Accessibility
- High contrast color scheme
- Scalable text and UI elements
- Clear visual hierarchy
- Reduced motion support
Touch & Mobile
- Touch-friendly target sizes
- Responsive design
- Gesture support
- Mobile-optimized layout
🔒 Data & Privacy
🏠
Local Storage
Data stored in your browser only
Data stored in your browser only
🚫
No Account
No sign-up or login required
No sign-up or login required
📴
Offline Ready
Works without internet
Works without internet
💾
Version Migration
Automatic data format updates
Automatic data format updates
💡 Pro Tips
- 🎯 Press N to quickly add new tasks
- ⌨️ Use 1/2/3 to move selected tasks
- 💾 Press Ctrl+S to export tasks as backup
- 🔄 Use Ctrl+Z/Ctrl+Shift+Z for undo/redo
- 📋 Create separate boards for different projects
- 🗂️ Archive completed tasks regularly
- 📅 Tasks show creation date for reference
- 📱 Fully responsive on mobile devices
- ♿ Screen reader friendly with full accessibility
🌐 Browser Support
Modern Browsers (2017+)
Chrome 60+
Firefox 55+
Safari 11+
Edge 79+
Requires ES6 modules support. No Internet Explorer support.
🔧 Troubleshooting
Common Issues
- Tasks not saving: Check browser storage settings
- Import failed: Verify JSON file format and size (<5MB)
- Drag not working: Use keyboard shortcuts or action buttons
- Shortcuts not working: Click outside inputs or press Escape
- Slow performance: Archive old completed tasks
Browser Data
- Clearing data: Will remove all tasks permanently
- Incognito mode: Data won't persist after closing
- Multiple tabs: Changes sync automatically
- Different devices: Use export/import to transfer