Taskboard Application

A Taskboard Application built with React, TypeScript, Tailwind CSS, and Dnd-Kit. This project emphasizes task organization, interactivity, and an intuitive drag-and-drop experience.

Key Features

1. Card Management

• Create Cards: Add new cards with custom text content.
• Edit Cards: Modify the text content of any card.
• Delete Cards: Remove cards that are no longer needed.

2. Status Management

• Update the status of a card to Done (Completed) or any other custom status.

3. Reorder and Organize

• Drag and drop cards to reorder them within a column.
• Organize tasks visually to suit your workflow.

4. Column Management

• Create Columns: Add new columns to categorize tasks.
• Move Cards Between Columns: Drag and drop cards across columns for better organization.

Tech Stack

• React: Component-based architecture for building the UI.
• TypeScript: Strongly typed code for enhanced development and error handling.
• Tailwind CSS: Utility-first CSS framework for responsive and modern styling.
• Dnd-Kit: Powerful drag-and-drop utilities for an interactive user experience.
• Vite: Fast development server and build tool for modern web applications.

Installation

1. Clone the repository:

   git clone https://github.com/vikram-jsdeveloper/taskboard.git
   cd taskboard
   npm install
   npm run dev
   
   Open the application in your browser:
   http://localhost:5173

Watch Demo -> https://taskboard-dnd.netlify.app/