User Guide

🎯 Priority System

123 ToDo uses a 4-level priority system to help you focus on what matters most:

• Must Do (Priority 1) - Critical tasks that must be completed today. These appear in red.
• Should Do (Priority 2) - Important tasks that should be done soon. These appear in orange.
• Could Do (Priority 3) - Nice-to-have tasks with no urgent deadline. These appear in gray.
• On Hold (Priority 4) - Tasks that are paused or waiting on something else. These appear in purple.

✏️ Adding and Editing Tasks

To add a new task:

1. Click the "Add Task" button in any priority section
2. Type your task in the modal that appears (200 character limit)
3. Select the priority level using the colored buttons
4. Click "Add Task" to save

To edit an existing task:

1. Click the pencil icon next to any task
2. Modify the text or change the priority
3. Click "Update Task" to save changes

✅ Completing Tasks

Click the checkbox next to any task to mark it complete. Completed tasks move to the Archive section at the bottom of the page. You can restore archived tasks anytime by clicking the restore icon.

↕️ Reordering Tasks

Tasks can be reordered within their priority level using drag and drop:

• Click and hold the "drag" icon (⋮⋮) on the left side of any task
• Drag the task up or down within its priority section
• Release to drop it in the new position

Note: You cannot drag tasks between different priority levels. Use the Edit feature to change a task's priority.

🗑️ Deleting Tasks

To permanently delete a task, click the trash icon. You'll see a confirmation prompt. Deleted tasks cannot be recovered.

📦 Archive System

Completed tasks are automatically moved to the Archive section at the bottom of the page. The archive shows:

• All completed tasks with their original priority colors
• Completion timestamps
• Options to restore (move back to active) or permanently delete

🏆 Achievement Milestones

Stay motivated with daily achievement celebrations! 123 ToDo tracks how many tasks you complete each day and celebrates when you hit milestones:

• 5 tasks - Bronze milestone 🥉
• 10 tasks - Silver milestone 🥈
• 15 tasks - Gold milestone 🥇

Milestones reset daily at midnight, giving you fresh motivation every day.

💾 Export and Import

Exporting your data:

1. Click the "Export Data" button in the header
2. A JSON file will download to your device
3. Store this file safely as a backup

Importing data:

1. Click the "Import Data" button in the header
2. Select your previously exported JSON file
3. Confirm to restore your tasks

⚠️ Important: Importing data will replace your current tasks. Export your current data first if you want to keep it!

📱 PWA Installation

On Desktop (Chrome, Edge, Brave):

1. Visit app.123todo.com
2. Click the install icon in the address bar (computer with down arrow)
3. Click "Install" in the popup
4. The app will open in its own window

On iPhone/iPad (Safari):

1. Visit app.123todo.com in Safari
2. Tap the Share button (square with up arrow)
3. Scroll down and tap "Add to Home Screen"
4. Tap "Add" to confirm

On Android (Chrome):

1. Visit app.123todo.com in Chrome
2. Tap the three-dot menu
3. Tap "Add to Home screen"
4. Tap "Add" to confirm

💾 Data Backup Reminders

123 ToDo will remind you weekly to backup your data. Since all tasks are stored locally in your browser, regular backups are essential to prevent data loss.

🎨 Theme Options

123 ToDo automatically adapts to your system's light or dark mode preference. If you change your system theme, the app will update automatically.

🔄 Tasks disappeared after browser update

Browser updates shouldn't clear localStorage, but it can happen. If this occurs:

1. Check if you have an exported backup file
2. Use Import Data to restore from backup
3. Going forward, export data weekly

📡 App not working offline

Ensure you've visited the app while online at least once. Service workers need to cache the app files initially. If still having issues:

1. Visit app.123todo.com while online
2. Wait for the page to fully load
3. Install as PWA for best offline experience
4. Try going offline again

🔧 Can't install as PWA

PWA installation requirements vary by browser:

• Chrome/Edge: Look for install icon in address bar
• Safari iOS: Use Share → Add to Home Screen
• Firefox: Limited PWA support, use browser bookmarks instead

📥 Import not working

If import fails:

1. Ensure you're importing a file exported from 123 ToDo (not edited manually)
2. Check that the file is valid JSON
3. Try exporting current data, then importing the old file
4. If corrupted, you may need to manually recreate tasks

🖱️ Drag and drop not working

Drag and drop works on desktop only. Mobile touch devices don't support drag and drop for task reordering. Use Edit to change priorities on mobile.