Skip to content

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.

Notifications You must be signed in to change notification settings

JunaidKhan444/draggable-kanban-board

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

37 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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://[email protected]: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! πŸš€πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published