Project 16/20
A fully interactive Kanban Board with drag-and-drop functionality that lets you organize tasks across different columns: Backlog, Progress, Complete, and On Hold. Tasks are saved to localStorage, so your board state is preserved even after refreshing the page.
- ✅ Drag-and-drop tasks between columns
- ✅ Editable tasks directly inside the board
- ✅ Add new tasks dynamically with inline input fields
- ✅ Delete tasks by clearing their text
- ✅ State persistence using
localStorage - ✅ Responsive design for desktop and mobile
- ✅ Smooth user experience with custom scrollbar and animations
- HTML5
- CSS3
- JavaScript
- CSS-Tricks – Styling Scrollbars
- W3Schools – HTML5 Drag & Drop
- W3Schools – ondragenter Event
- MDN – Array.push()
- MDN – contenteditable
- MDN – focusout Event
- MDN – Array.filter()
- StackOverflow – map/reduce vs for loops
- Math Sprint Game | Project 15/20 → View Repository
- Calculator | Project 17/20 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀