📋 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

  1. Type your task in the input field at the top
  2. Click "Add Task" or press Enter
  3. Your task appears in the "To Do" column

📋 Create Your First Board

  1. Click the board dropdown in the header
  2. Select "New Board"
  3. Enter a name like "Work Projects"
  4. 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
⚙️
Settings
Configure app preferences
Import
Upload JSON backup file
Export
Download tasks as JSON backup
+
New Task
Focus the input field
📋
Board Selector
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
🚫
No Account
No sign-up or login required
📴
Offline Ready
Works without internet
💾
Version Migration
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