How to Use the Dev Task List
Learn how to create, organise, complete, and export developer tasks with categories, priorities, subtasks, and drag-and-drop reordering using the DevHexLab Dev Task List tool.
Tool Used
Dev Task List
Open the Dev Task List tool
Navigate to /tools/developer/dev-task-list. The tool loads with an empty task list ready to use. All task data stays in your browser. Nothing is sent to a server, so your task list is private and persists between page reloads via local storage.
Create a task
Type your task title into the input field at the top of the page. Use the category buttons to assign it a type: Feature, Bug, Chore, Research, Review, or Deploy. Use the priority selector to mark it High, Medium, or Low. Press Enter or click Add task. The task appears immediately at the top of your active list.
Complete a task
Click the checkbox on the left side of any task to mark it done. A Done! animation and a small particle burst play to give the action a satisfying feel. Completed tasks move to the Done section and their title gains a strikethrough. Click the checkbox again to uncheck the task and move it back to active.
Add subtasks
Click the + Add subtask link that appears below any task to expand a subtask input. Type the subtask description and press Enter to save it. Each subtask gets its own checkbox, so you can check them off individually as you work through the steps of a larger task. A task shows a completion fraction (for example, 2/4) next to the subtask count as subtasks are ticked off.
Reorder tasks and subtasks
Grab the grip handle on the left edge of any task or subtask and drag it up or down to a new position in the list. Reordering works independently for tasks and for the subtasks within a task. Release to drop the item in place. The new order is saved automatically.
Edit titles inline
Double-click any task title or subtask label to switch it into an editable text field. Make your changes and press Enter to save, or press Escape to cancel and revert to the original text. Inline editing works on both tasks and their subtasks without opening any separate modal.
Filter and sort the list
Use the All, Active, and Done tabs at the top to switch between viewing all tasks, only incomplete tasks, or only completed ones. Click a category chip (Feature, Bug, Chore, and so on) to filter the list to just that category. Use the Sort dropdown to order tasks by Priority (High first), Newest (most recently added first), or Alphabetical. Filters and sort options can be combined.
Export your tasks
Click the Export button to download your task list. Choose Markdown to export as a checklist formatted with checkboxes and indented subtasks, ready to paste into a README, a Notion page, or a GitHub issue. Choose JSON to export the full structured data including categories, priorities, completion state, and subtasks. JSON is useful for archiving a sprint or importing into another tool.
All done!
You are ready to use Dev Task List like a pro.