A simple task manager using JavaScript, LocalStorage, and SweetAlert2, allowing users to create task lists, add tasks, delete them, change list colors, and reorder tasks between lists with drag & drop support.
✅ Create lists with a default black background.
✅ Add tasks inside lists.
✅ Delete tasks or entire lists.
✅ Drag & drop tasks between lists (order is saved).
✅ Change background color of lists dynamically.
✅ Persistent storage with LocalStorage.
- Clone the repository:
git clone https://github.com/HaSh3003/Mini-Kanban
cd Mini-Kanban
- Open the project:
- Just open
index.html
in a browser. No server required! 🎉
- Just open
Here's an example of how tasks are stored in LocalStorage:
let ListArray = JSON.parse(localStorage.getItem("list")) || [];
ListArray.push({ title: "New List", tasks: ["First Task"] });
localStorage.setItem("list", JSON.stringify(ListArray));
Tasks are draggable between lists, and positions are saved automatically using SortableJS.
This project is open-source. Feel free to modify and use it!
Want to improve it? Fork the repo, make changes, and submit a pull request! 🚀
If you have any questions, feel free to reach out!
📩 Email: [email protected]
🐦 Twitter: @HaSh_Perfecto
💻 GitHub: HaSh3003