Kanban Board

A simple, interactive Kanban board web application built with vanilla HTML, CSS, and JavaScript. It allows you to organize your tasks efficiently using a drag-and-drop interface.

Features

• Drag and Drop: Easily move tasks between "Todo", "In Progress", and "Completed" columns.
• Add New Tasks: Create new tasks with a title and description using a pop-up modal.
• Delete Tasks: Remove tasks you no longer need.
• Dark Theme: A sleek, dark-themed user interface styled with custom CSS variables.

Technologies Used

• HTML5: For the structure and semantic elements.
• CSS3: For styling, layout (Flexbox), and transitions.
• JavaScript (ES6+): For DOM manipulation, event handling, and the drag-and-drop API logic.

Setup & Usage

1. Clone the repository or download the files.
2. Open index.html in your web browser.
3. Click "Add new task" to create a task.
4. Drag and drop tasks across the columns to update their status.

Project Structure

• index.html: The main HTML document containing the structure of the application.
• styles.css: Contains all the styling rules and CSS variables for the dark theme.
• script.js: Handles the interactive features including the modal functionality and drag-and-drop logic.