This is a simple Todo List application built with vanilla JavaScript. It allows users to add, check, remove, and filter todo items. The application also supports drag-and-drop functionality for reordering todos and theme switching.
- Add Todos: Add new todo items by typing them into the input field and pressing "Enter".
- Mark as Completed: Toggle the checkbox to mark todos as completed or active. Completed todos will have a strikethrough effect.
- Remove Todos: Remove individual todos by clicking the "✖" (cross) icon.
- Clear Completed: Remove all completed todos at once.
- Filter Todos: Show all todos, only completed todos, or only active todos using the provided filters.
- Drag-and-Drop: Reorder todos using drag-and-drop functionality.
- Theme Switch: Toggle between light and dark themes.
-
Clone the repository:
git clone https://github.com/fantastizeey1/Todo.git
-
Link to the Design and Task From FrontEnd Mentor:
https://www.frontendmentor.io/challenges/todo-app-Su1_KokOW