Skip to content

sanjarbek404/TaskFlow-Board

Repository files navigation


TaskFlow Board 🚀

A modern, highly interactive drag-and-drop task management board built with React, dnd-kit, and Tailwind CSS.

Live Demo


🌟 Features

  • Drag and Drop Interface: Seamlessly drag tasks between columns using @dnd-kit/core and @dnd-kit/sortable.
  • Dynamic Columns: Create, rename, and delete columns (lists) on the fly.
  • Task Management: Add, edit, and safely delete your tasks.
  • Persistent Storage: Saves your board configuration and tasks into the browser's local storage automatically.
  • Modern UI: Clean, dark-mode focused aesthetic built with Tailwind CSS.

🛠️ Tech Stack

🚀 Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

You need Node.js and npm installed on your machine.

Installation

  1. Clone the repo
    git clone https://github.com/your-username/taskflow-board.git
  2. Navigate into the project directory
    cd taskflow-board
  3. Install NPM packages
    npm install
  4. Start the development server
    npm run dev

🌐 Live URL

You can check out the live version of the project here:
👉 Live Demo Link (Replace with actual URL)

👨‍💻 Created By

Sanjarbek Otabekov

📄 License

Distributed under the MIT License.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors