https://github.com/taskiranumut/taskboard

Manage your tasks in kanban style drag-and-drop board.
https://github.com/taskiranumut/taskboard

kanban react react-beautiful-dnd redux supabase tailwindcss

Last synced: 14 days ago
JSON representation

Manage your tasks in kanban style drag-and-drop board.

• Host: GitHub
• URL: https://github.com/taskiranumut/taskboard
• Owner: taskiranumut
• Created: 2023-07-25T18:47:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-28T07:02:01.000Z (11 months ago)
• Last Synced: 2024-11-27T15:41:05.452Z (2 months ago)
• Topics: kanban, react, react-beautiful-dnd, redux, supabase, tailwindcss
• Language: JavaScript
• Homepage: https://dnd-taskboard.netlify.app/
• Size: 547 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drag & Drop Taskboard

Drag & Drop Taskboard is a dynamic task management application using a Kanban board layout, developed with React.js and Redux Toolkit. It features a responsive design with Tailwind CSS and Vite, and uses Supabase for data storage. Key functionalities include adding, editing, and deleting tasks and columns, along with drag-and-drop capabilities provided by react-beautiful-dnd for easy organization. (UI/UX design will be improved)

👉 [PROJECT DEMO](https://dnd-taskboard.netlify.app/)

### Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

```

### Used Technologies

- React.js

- Redux & Redux Toolkit

- Tailwind CSS

- Vite

- Supabase

- react-beautiful-dnd

### App Properties

- Add tasks to columns

- Edit tasks' description

- Delete task

- Add new columns to board

- Edit columns title (double click)

- Delete column

- Move and sort tasks between columns

- Move and sort columns in the board

Every action made is recorded in the Supabase so that the data is not lost.