Loading Todo App...
{{ authMode === 'login' ? 'Welcome Back' : authMode === 'register' ? 'Create Account' : 'Reset Password' }}
Login
Create Account
Forgot Password?
Create Account
Back to Login
Send Reset Link
Back to Login
{{ authError }}
Todo App
Beta
All
{{ category.name }}
Mark All Complete
{{ isListView ? 'Card View' : 'List View' }}
{{ darkMode ? 'Light Mode' : 'Dark Mode' }}
Replay Tutorial
Login
{{ userName }}
Logout
{ startDrag(todo); e.target.classList.add('dragging'); }" @dragend="(e) => e.target.classList.remove('dragging')" @dragover.prevent @drop="onDrop(todo)">
{{ todo.text }} ({{ todo.category }})
{ startDrag(todo); e.target.classList.add('dragging'); }" @dragend="(e) => e.target.classList.remove('dragging')" @dragover.prevent @drop="onDrop(todo)">
{{ todo.text }}
{{ formatDate(todo.dueDate) }}
Category: {{ todo.category }}
Completed
{{ todo.priority.toUpperCase() }} PRIORITY
Add New Todo
{{ category.name }}
{{ priority.name.toUpperCase() }} PRIORITY
Add
Cancel
Add Category
Add
Cancel
Edit Todo
{{ category.name }}
{{ priority.name.toUpperCase() }} PRIORITY
Subtasks
+ Add Subtask
Update
Cancel