A simple yet powerful task management application to keep track of daily tasks. Built with vanilla JavaScript, it provides a range of functionalities to enhance productivity.
- Dark Theme Toggle: Switch between light and dark mode for a comfortable visual experience at any time of day.
- Persistent Tasks: Tasks are kept on the screen and saved between sessions using local storage.
- Task Management: Easily add new tasks with a simple input field and a press of the Enter key.
- Task Persistence: Save and retrieve your tasks from local storage to never lose track of your to-dos.
- Task Counter: Stay informed with a real-time update of how many tasks are left to complete.
- Task Deletion: Remove tasks individually with a simple click of a delete button.
- Task Completion Toggle: Mark tasks as complete or incomplete with an intuitive checkbox toggle.
- Drag & Drop: Organize your tasks with a user-friendly drag-and-drop interface.
- Task Filtering: Filter tasks to show all, only active, or only completed tasks for better focus.
- Clear Completed: Clean up your task list by clearing all completed tasks with one click.
- Add a Task: Click on the input field and type your task. Press Enter to add it to the list.
- Complete a Task: Click the checkbox next to the task to mark it as complete.
- Delete a Task: Click the "✕" button on a task to delete it.
- Switch Themes: Click the theme toggle button to switch between light and dark mode.
- Drag & Drop: Click and hold a task, then drag it to its new position in the list.
- Filter Tasks: Use the filter buttons to display all, active, or completed tasks.
- Clear Completed Tasks: Click the "Clear Completed" button to remove all tasks that are marked as complete from your list.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent