Skip to content

StefanSchutte/Kanban_Board

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kanban Board - Drag and Drop

This project is a simple Kanban Board implemented using HTML, CSS, and JavaScript, featuring drag-and-drop functionality for managing tasks across different stages. The board is divided into columns representing the task status: Backlog, Progress, Complete, and On-hold.

2024-01-03_19-49

Deployed Site

Features

  • Drag and Drop: Easily move tasks between different columns using drag-and-drop functionality.

  • Add and Save Items: Add new tasks to each column and save them for future reference.

  • Responsive Design: The board is designed to be responsive, ensuring a seamless experience across various devices.

Technologies Used

  • HTML5: Provides the structure for the web page.

  • CSS: Styles the layout and enhances visual appeal.

  • JavaScript: Implements the drag-and-drop functionality and manages task data.

How to Use

  • Open the index.html file in your web browser.

  • Navigate between the Backlog, Progress, Complete, and On-hold columns.

  • Drag tasks between columns to update their status.

  • Click on "Add Item" to add new tasks to each column.

  • Click on "Save Item" to save the entered task.

Kanban Board Columns

  • Backlog: Tasks that are planned but not yet started.

  • Progress: Tasks that are currently being worked on.

  • Complete: Tasks that have been successfully completed.

  • On-hold: Tasks that are temporarily paused or put on hold.

Contributions

Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages