Kanban Board

A modern and responsive Kanban Board application built with React and Redux, featuring drag-and-drop functionality, custom labels, and detailed task management.

Table of Contents

• Features
• Demo
• Installation
• Usage
• Technologies
• Contributing
• License
• Acknowledgements

Features

• Drag and Drop: Easily move tasks between columns and within the same column using drag-and-drop functionality.
• Responsive Design: Fully responsive layout that works across desktops and tablets.
• Task Management: Create, update, and delete tasks with detailed descriptions and progress tracking.
• Custom Labels: Add and manage custom labels for tasks with various colors.
• Priority Management: Set task priority with a unique "L Low" option.
• Redux Integration: State management using Redux and Redux Toolkit for efficient data flow.
• Drawer Interface: Edit task details, including descriptions, labels, and priorities, using a drawer interface.
• Progress Bar: Visualize task progress with a colorful dotted progress bar.

Demo

Click here to see the live demo

Installation

1. Clone the repository:

   git clone https://github.com/abhinav-22-tech/kanban-board.git

2. Navigate into the project directory:

   cd kanban-board

3. Install dependencies:

   npm install

Technologies

• React
• Redux
• HTML/CSS
• JavaScript
• Redux Toolkit

Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

License

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

Acknowledgements

This project would not have been possible without the following:

• React - JavaScript library for building user interfaces.
• Redux - State management library for JavaScript applications.
• Redux Toolkit - Official, opinionated, batteries-included toolset for efficient Redux development.
• React DnD - Drag and Drop for React.
• Material-UI - React components for faster and easier web development.