Kanban-board

Kanban Board

A simple, interactive Kanban board application for managing tasks and organizing your workflow.

Overview

This is a lightweight drag-and-drop Kanban board built with vanilla HTML, CSS, and JavaScript. It allows you to create task cards and move them between different lists/columns to track your project progress.

Features

• Drag & Drop: Easily drag cards between different columns
• Multiple Lists: Organize tasks into different categories (e.g., To Do, In Progress, Done)
• Visual Feedback: Lists change color when hovering with a dragged card
• Responsive Design: Works on both desktop and mobile devices
• Clean UI: Simple and intuitive user interface

Tech Stack

• HTML5
• CSS3
• Vanilla JavaScript

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• Git (for cloning the repository)

How to Clone Locally

1. Open Terminal/Command Prompt

2. Clone the repository:

   git clone https://github.com/yourusername/Multi-projects.git

3. Navigate to the Kanban board folder:

   cd Multi-projects/Kanban-board

4. Open the application:

   • Double-click the index.html file, or
   • Right-click index.html → Open with → Select your browser

That's it! The app is now running locally.

How to Use

1. View Tasks: Open the board to see all your task lists
2. Drag Cards: Click and drag any task card to move it to another list
3. Organize: Use different columns to organize tasks by status

Folder Structure

Kanban-board/
├── index.html      # Main HTML file
├── style.css       # Styling
├── script.js       # JavaScript functionality
└── README.md       # This file

Browser Compatibility

• Chrome (Latest)
• Firefox (Latest)
• Safari (Latest)
• Edge (Latest)

Notes

• No external libraries or dependencies required
• All functionality runs entirely on the client side