Skip to content

A simple JavaScript task manager with LocalStorage, drag & drop, and customizable lists

Notifications You must be signed in to change notification settings

HaSh3003/Mini-Kanban

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

📌 Task Manager

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.


🚀 Features

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.


📂 Installation & Usage

  1. Clone the repository:
git clone https://github.com/HaSh3003/Mini-Kanban
cd Mini-Kanban
  1. Open the project:
    • Just open index.html in a browser. No server required! 🎉

🛠️ Code Example

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.


📷 Screenshots

Example Screenshot


📜 License

This project is open-source. Feel free to modify and use it!


🤝 Contributing

Want to improve it? Fork the repo, make changes, and submit a pull request! 🚀


📧 Contact

If you have any questions, feel free to reach out!

📩 Email: [email protected]
🐦 Twitter: @HaSh_Perfecto
💻 GitHub: HaSh3003

About

A simple JavaScript task manager with LocalStorage, drag & drop, and customizable lists

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published