A simple Kanban board with draggable tasks built using vanilla JavaScript.
- Three columns: Todo, In Progress, Done
- Drag & drop tasks between columns
- Hover effect on columns during drag
- Clean and modular JavaScript structure
- Easily extendable architecture
- HTML5 Drag & Drop API
- CSS3
- Vanilla JavaScript (ES6)
. ├── index.html ├── main.js └── styles.css
Just open index.html in your browser.
- Task creation modal
- Drag & drop between columns
- Column task count
- Persist tasks using LocalStorage
- Delete task functionality
- Theme switcher (Light / Dark)
- Edit task feature
- Prevent adding empty tasks from modal
- Animations during drag & drop
- Due dates and priority labels
- Free to use and modify for
- learning or personal projects.