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.htmlin 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: perfecto.dev@programmer.net
π¦ Twitter: @HaSh_Perfecto
π» GitHub: HaSh3003
