https://github.com/gateremark/droppi-kanban-board
A simple Kanban board built with HTML, CSS and JavaScript
https://github.com/gateremark/droppi-kanban-board
css html javascript
Last synced: 10 months ago
JSON representation
A simple Kanban board built with HTML, CSS and JavaScript
- Host: GitHub
- URL: https://github.com/gateremark/droppi-kanban-board
- Owner: gateremark
- Created: 2023-02-08T10:08:28.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-14T20:25:45.000Z (about 3 years ago)
- Last Synced: 2025-09-09T23:04:05.302Z (10 months ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://droppi.vercel.app
- Size: 1.68 MB
- Stars: 17
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kanban Board
This is a simple Kanban board project built using HTML, CSS, JavaScript, and the Drag and Drop API. It allows you to create tasks and organize them into different stages, such as "To Do," "Done," and "On Hold"
## Features
- Drag and drop tasks between different stages of the board
- Create new tasks and assign them to a stage
- Edit task details
- Delete tasks from the board
- Responsive design for mobile and desktop devices
## Technologies Used
- HTML
- CSS
- JavaScript
- Drag and Drop API
## Getting Started
To get started with the Kanban board, follow these steps:
1. Clone the repository: `git clone https://github.com/gateremark/droppi-kanban-board.git`
2. Open the project in your preferred code editor.
3. Open the `index.html` file in your web browser.
## Usage
Once you have the project running, you can perform the following actions:
- To create a new task, click on the "Add Item" button and fill in the required details.
- To move a task to a different stage, simply drag and drop it to the desired column.
- To edit a task, click on the task card and update the details.
- To delete a task, click on the task card and delete the details.
## Demo
A live demo of the Kanban board is available at: [Droppi](https://droppi.vercel.app/)
## Screenshots
## Contributing
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
## Acknowledgements
The Kanban board project was inspired by the principles of the Kanban methodology and built with the help of HTML, CSS, JavaScript, and the Drag and Drop API.
Feel free to explore and use this Kanban board project for your personal or professional needs. Enjoy organizing your tasks and improving your productivity!