/draggable-kanban-board

The Kanban Board 📌 is a dynamic tool for visually managing tasks from "Todo" to "Completed." Enjoy seamless drag-and-drop, detailed task views, and light/dark mode in a responsive design.

Primary LanguageTypeScript

Kanban-Board 📋

The Kanban Board 📌 is a dynamic task management tool providing a visual journey from "Todo" ➡️ "In Progress" ➡️ "Blocked" ➡️ "Completed."

Features 🚀

  • Drag-and-drop tasks seamlessly.
  • Create, edit, and delete tasks effortlessly.
  • Detailed task view for better insights.
  • Light and Dark Mode for a personalized experience.

Installation 🛠️

  1. Clone the repository: git clone https://git@github.com:JunaidKhan444/Kanban-Board.git
  2. Navigate to the project directory: cd Kanban-Board
  3. Install dependencies: npm install
  4. Run the application: npm run dev
  5. Open in your browser at LocalHost.

Usage 🧑‍💻

  • To add a new task, click on the "Plus Icon" button in the desired column and fill in the task details.
  • Move tasks seamlessly by dragging and dropping between columns.
  • Edit a task by clicking on the task card and making necessary changes.
  • Delete a task by clicking on the delete icon on the task card.

Contributing 🤝

Contributions are welcome! If you'd like to contribute to the Kanban Board:

  1. Fork the repository.
  2. Create a new branch: git checkout -b my-feature.
  3. Make your changes and commit them: git commit -am 'Add new feature'.
  4. Push the changes to your fork: git push origin my-feature.
  5. Submit a pull request detailing your change.

Happy coding! 🚀👩‍💻👨‍💻